Nextjs14 Supabase Auth

NextJS 14 Supabase Dashboard Starter with Shadcn UI

This NextJS 14 dashboard starter template leverages the app router and integrates Supabase for robust backend services, including authentication and role-based access control. Built upon shadcn-ui, it provides a modern UI foundation with Tailwind CSS. It's designed to accelerate the development of feature-rich dashboards, offering pre-configured tools like react-hook-form, Redux Toolkit, and internationalization support with react-i18next, enabling developers to quickly build and deploy applications.

Features:

• Next.js 14 & App Router: Modern Next.js setup with App Router, TypeScript, and integrated Tailwind CSS.
• Shadcn UI Integration: Utilizes Shadcn UI (Radix UI) components, including TimePicker and TagInput.
• Form Management: Robust forms with react-hook-form and Zod for validation.
• Internationalization (i18n): Built-in support for multiple languages using react-i18next and zod-i18n-map.
• State Management: Global state handled by Redux Toolkit with Redux Persist.
• Supabase Authentication: Secure Supabase OAuth and Email Authentication with PKCE flow via @supabase/ssr.
• Role-Based Access Control (RBAC): Integrated Supabase RBAC for granular user permission management.
• Rich Text Editing: CKEditor 5 integration with a Supabase Upload Adapter for dynamic content.
• PWA Ready: Configured for Progressive Web App capabilities, enhancing user experience and offline access.
• Structured API Routes: Organized API structure for public authentication and authenticated v1 endpoints.
• Supabase CLI Integration: Includes Supabase CLI setup for local development and database migrations.

Summary:

This NextJS 14 Supabase Blog starter provides a solid foundation for building modern dashboards and web applications. It combines a powerful frontend stack with Next.js and shadcn-ui, and a versatile backend with Supabase, covering authentication, data management, and rich text editing. Developers can leverage its pre-built features and structured setup to significantly speed up their development workflow and create scalable, production-ready applications with ease.