Giter Club home page Giter Club logo

next-auth-trpc-prisma's Introduction

NextJS FullStack Starter

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 post list
Single post single post
Create post create post
Signin signin
Signup signup
Request password 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

next-auth-trpc-prisma's People

Contributors

rhesadav avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.