🚀 Auth-Boilerplate-Nextjs

This project is a Next.js boilerplate that provides a strong foundation for building modern web applications with Firebase authentication, Radix UI components, Tailwind CSS for styling, and TypeScript for type safety. It implements a clean and maintainable structure, using the Repository Pattern with Firebase and state management using Redux and Recoil.

🌟 Key Features

• Firebase Authentication with support for:

  • 📧 Email/Password Authentication (including email verification)
  • 🔐 Google Sign-in
  • 🍏 Apple Sign-in

• Radix UI Components for accessible, customizable UI elements.

• Tailwind CSS for utility-first, responsive styling.

• TypeScript for type safety and a great developer experience.

• Repository Pattern for a clean separation between business logic and Firebase.

• State Management with Redux Toolkit and Recoil.

• Form Handling with React Hook Form and Zod for schema-based validation.

• Unit Testing using Jest and React Testing Library.

📦 Packages Used

Here’s a breakdown of the key packages used in this project:

Core Dependencies

• Next.js - The React Framework for Production.
• Firebase - Authentication and backend services.
• React - A JavaScript library for building user interfaces.
• Tailwind CSS - A utility-first CSS framework for rapid UI development.
• Radix UI - Accessible UI components for building high-quality design systems.

Firebase and State Management

• Firebase v10.11.1 - Authentication and data management.
• Redux Toolkit - Efficient Redux setup for state management.
• Recoil - A flexible state management library for complex state.
• Redux Persist - Persist Redux state across sessions.

Forms and Validation

• React Hook Form - Performant, flexible form handling.
• Zod - TypeScript-first schema validation for forms.

Testing and Development

• Jest - Delightful JavaScript testing.
• React Testing Library - Testing utilities to work with React components.
• ESLint - Linter for code consistency.
• Husky - Pre-commit hooks for ensuring code quality.

🚀 Quick Start

1. Clone the repository

git clone https://github.com/raheel-afzal-nextpak/Auth-Boilerplate-Nextjs.git
cd radix-auth-boilerplate