Recipe Book App (WIP)

Warning

This is very much a Work In Progress

Overview

Stack

• ⚡️ Next.js 15 with App Router
• ⚛️ React 18
• ✨ TypeScript
• 💨 Tailwind CSS 3
• 🖼️ Framer Motion
• ❔TanStack React Query
• 📈 GraphQL
  • 🧘 GraphQL Yoga
  • 🪴 Pothos GraphQL
  • ⚙️ GraphQL-Codegen
• 🌈 Prisma ORM
• 🐘 PostgreSQL 17 (docker-compose container)
• 🤓 Vitest + 🏛 React Testing Library
• 📏 ESLint 9
• 💖 Prettier
• 👷 GitHub Actions (CI + Dependabot config)

Getting started 🚀

1. Install dependencies

Install npm dependencies:

npm ci

2. Create and seed the database

If you're using Docker on your computer, the following script will set up a PostgreSQL database using the docker-compose.yml file at the root of your project:

npm run db:up

Model your data in the Prisma schema by editing the prisma/schema.prisma fiile

Run the following command to create your PostgreSQL database:

npx prisma migrate dev --name init

When npx prisma migrate dev is executed against a newly created database, seeding is also triggered. To add seeding, create a seed file in prisma/seed.ts and it will be executed against your database.

3. Configuring your environment

cp .env.example .env

Ensure these variables are correct.

4. Start the app

npm run dev

The app is now running, navigate to http://localhost:3000/ in your browser to explore its UI.