Nextjs With Supabase Auth

NextJS 14 Supabase Dashboard Starter with Shadcn/ui

This NextJS 14 starter template provides a robust foundation for building modern web applications, particularly dashboards, leveraging the app router. It comes pre-configured with Supabase for backend services, including authentication and database management, and utilizes shadcn/ui for a sleek, customizable user interface. Developers can quickly bootstrap projects with essential features like internationalization, state management with Redux Toolkit, and form handling with react-hook-form and Zod, significantly reducing setup time and accelerating development.

Features:

• NextJS 14, Typescript, and Tailwind CSS: Core stack for modern, typed, and styled web applications.
• Shadcn UI (Radix UI), TimePicker, and TagInput: Collection of accessible and customizable UI elements.
• React Hook Form and Zod: Robust, type-safe form creation and validation.
• React-i18next and zod-i18n-map: Internationalization support with localized validation messages.
• Redux Toolkit and Redux Persist: Efficient global state management with data persistence.
• Supabase OAuth & Email Authentication: Secure user sign-in using Supabase's PKCE flow via @supabase/ssr.
• Supabase Role-Based Access Control (RBAC): Fine-grained user permission management.
• CKEditor 5 & Supabase Upload Adapter: Rich text editing capabilities with integrated Supabase file uploads.
• PWA (Progressive Web Apps) Support: Enables app-like features and offline capabilities.
• Next.js App Router Structure: Leverages Next.js's latest routing paradigm for server and client components.
• Supabase CLI Integration: Facilitates Supabase project management and local development workflows.

Summary:

This NextJS 14 starter template is designed to jumpstart the development of dashboard applications. It integrates Supabase for backend functionalities like authentication (OAuth, Email, RBAC) and data storage, alongside shadcn/ui for a polished user interface. With features such as internationalization, advanced form handling, state management, a rich text editor, and PWA capabilities, it offers a comprehensive toolkit for building scalable and modern web applications efficiently, allowing developers to focus on unique features.