NextJS FullStack Starter

https://beta.tldraw.com/r/v2_c_OpNLi_vVT1EEIU89o4HyL

A starter for NextJS fullstack projects with all you need to start your side project or your dream. Do your thing.

Features

• 📡 API using tRPC
• 📦 Database with Prisma & Postgres
• 👾 Very lenient Typescript configuration (this is by design)
• 🔒 Auth with NextAuth
  • Credentials setup for Email and Password
  • Forgot Password email and template
• ☀️ Tailwind
• 🐻 Zustand for any extra state management needs
• 📰 Blog example
  • Create post
  • Show all posts
  • Protected routes
  • Protected API routes
• 🎨 ESLint + Prettier + Lint Staged
• 💚 CI setup using GitHub Actions:
  • Build
  • Linting

Pages

• Post list
• Single post
• Create a post
• Sign in
• Sign up
• Request a new password
• Change Password

Screenshots

Post list

Single post

Create post

Signin

Signup

Request password

Development

Requirements

• Node >= 14
• Docker (for running Postgres)

Start project

git clone https://github.com/SaraVieira/next-fullstack-starter
cd trpc-prisma-starter
yarn
cp .env.example .env
yarn dx

Commands

yarn build # runs `prisma generate` + `prisma migrate` + `next build`
yarn db-nuke # resets local db
yarn dev # starts next.js
yarn dx # starts postgres db + runs migrations + seeds + starts next.js
yarn lint # runs eslint on all files

Deployment

Using Render

The project contains a render.yaml "Blueprint" which makes the project easily deployable on Render.

Go to dashboard.render.com/blueprints and connect to this Blueprint and see how the app and database automatically gets deployed.

License

MIT