This is a Next.js project bootstrapped with create-next-app.

Features

• React.js 18 - Documentation for React.js
• Next.js 12 - Documentation for Next.js
• Turborepo - Documentation for TurboRepo
• NextAuth.js 4 - Documentation for NextAuth.js
• Typescript 4 - Documentation for TypeScript
• Tailwind CSS 3 - Documentation for Tailwind CSS.
• ESLint 8 - Documentation for ESLint.
• Prettier 2 - Documentation for Prettier.
• Husky 8 - Documentation for Husky.
• Lint Staged 13 - Documentation for lint staged.

---

Installation

git clone https://github.com/Zac-Zajdel/PrismaNext.git

yarn install

---

Setup Prisma

Create a .env file and setup DATABASE_URL variable for example:

DATABASE_URL="mysql://root:password@localhost:3306/PrismaNext"

Run the following command to create generate Schema & Migration & Seed Table

yarn prisma migrate dev --name init

---

Setup Google OAuth

1. Create a Google Project within your Google Cloud console
2. After creating your credentials, add them to your .env file

GOOGLE_CLIENT_ID="INSERT_CLIENT_ID_HERE"
GOOGLE_CLIENT_SECRET="INSERT_CLIENT_SECRET_HERE"

---

Development

yarn dev

Reset your database to generate your own migration:

yarn prisma migrate reset

If you change the seeder file, you can easily run the seeder with the following:

yarn prisma db seed

---

Production

npm run build or yarn build
yarn start

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/user. This endpoint can be edited in pages/api/user.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

---

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

---

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

---

Copyright © 2022 by Zac Zajdel