Create T3 App

This is a T3 Stack project bootstrapped with create-t3-app.

What's next? How do I make an app with this?

We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.

• Next.js
• NextAuth.js
• Prisma
• Tailwind CSS
• tRPC

Learn More

To learn more about the T3 Stack, take a look at the following resources:

• Documentation
• Learn the T3 Stack — Check out these awesome tutorials

You can check out the create-t3-app GitHub repository — your feedback and contributions are welcome!

How do I deploy this?

Follow our deployment guides for Vercel, Netlify and Docker for more information.

Steps to create an app like this one:

1. Create T3 app with pnpm: pnpm create t3-app@latest
2. Init Prisma: pnpm prisma init
3. Create Prisma schema: pnpm prisma migrate dev --name init
4. Create Prisma client: pnpm prisma generate
5. Push Prisma schema to database: pnpm prisma db push
6. Other libraries we use:
   • Headless UI: pnpm add @headlessui/react
   • React Hook Form: pnpm add react-hook-form
   • Lodash: pnpm add lodash @types/lodash
7. To get '@/components' etc, working, add to "compilerOptions" in tsconfig.json:

    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }

Prisma

• You need to add Models to the schema.prisma file for each of your tables.
• Each time you update the models:
  • You need to run pnpm prisma db push to update the database locally and test the changes.
  • Then, to save the changes in the database, you need to run pnpm prisma migrate dev --name <name of migration>.
  • And then you can save the changes in git.

NextAuth.js

• You need to add Providers to the pages/api/auth/[...nextauth].ts file for each of your authentication providers.
• Generate NEXTAUTH_SECRET and running openssl rand -base64 32 and set it in your .env file.

tRPC

• You need to add Queries and Mutations to the pages/api/trpc/[...trpc].ts file for each of your API endpoints.

Vercel

• Go to vercel.com and select the project from Github.
• Add the following environment variables:
  • NEXTAUTH_URL - The URL of your app, e.g. https://my-app.vercel.app
  • NEXTAUTH_SECRET - The secret you generated for NextAuth.js
  • DATABASE_URL - The URL of your production AND preview database, e.g. postgresql://postgres:postgres@localhost:5432/my-app
• Go to vercel.com/dyegolara//settings > General > Build & Development Settings > Project Settings
  • Override the Build Command with prisma generate && prisma migrate deploy && next build