Next.js Authentication Demo

This demo project showcases an email/password-based authentication flow build with Next.js. It implements registration, sign-in, and password reset functionalities along with email notifications. It uses React Server Components, Server Functions, and more to remain fully operational even with JavaScript disabled.

Highlights

Explore key features of this project:

JavaScript Independence: Fully functional even when JavaScript is disabled.
Authentication Flows: Supports Sign Up, Sign In, and Password Reset.
Email Notification: Provides email confirmation, password reset, and update notifications.
Theming Support: Offers System, Dark, and Light themes, with automatic preference detection via prefer-color-scheme when JavaScript is disabled.
Storybook Integration: Interactive component demos and email template previews.
Testing: End-to-end tests with Cypress and unit tests with Vitest.

Routes

Choose an entry point for different authentication flows or view the Storybook demos:

Sign Up
Create a new account. If already signed in, you will be redirected to the dashboard.
Sign In
Sign in to your account. Authenticated users are automatically redirected to the dashboard.
Password Reset
Forget your password? Start here to reset your credentials and regain access.
Dashboard
Protected route: You must be authenticated to access this page.
Storybook
View interactive stories for the main components and email templates.

Contacts

This project available on GitHub.

My Portfolio Website.

Currently open to job opportunities! Let's connect on LinkedIn.