ceghap
1

Nextjs Fullstack

screenshot of Nextjs Fullstack

A working template with auth using nextjs, nextauth, prisma, tailwindcss and react query

Github

Overview:

The Nextjs fullstack template is a pre-built template that includes several packages to help developers get started quickly. It is based on the Next.js framework and includes tailwindcss, prisma (with supabase as the database hosting), nextauth, react hook form, and Zod. The template also has plans to add react query in the future. It offers features such as role-based authorization, passwordless authentication, OAuth authentication with Google, and credentials authentication (yet to be implemented).

Features:

  • Role based authorization: Allows for different levels of access and permissions for users, including admins and regular users.
  • Authenticated: Provides authentication for users, allowing them to access specific areas or features of the application.
  • Unauthenticated: Supports unauthenticated access for guest users who do not have an account.
  • Passwordless authentication: Offers the ability to log in using magic links, eliminating the need for traditional username and password credentials.
  • Oauth authentication (Google): Allows users to log in using their Google accounts for a seamless authentication experience.
  • Credentials authentication (email & password): Planned feature to be implemented in the future, providing traditional email and password authentication.

Summary:

The Nextjs fullstack template is a comprehensive template for building full-stack applications using Next.js. It provides several key features, including role-based authorization, different methods of authentication (passwordless, OAuth), and an easy-to-use form library (react hook form). The template also includes Prisma as an ORM, with support for various databases, and tailwindcss for styling. The installation process is straightforward, requiring the installation of dependencies, setting up the environment variables, running Prisma migrations, and generating the Prisma Client for database access. Overall, the Nextjs fullstack template offers a convenient starting point for developers looking to build Next.js applications with robust features and efficient development workflows.