Hikari

Build Modern SaaS Platforms with a Next.js 14 & Supabase Starter

This open-source toolkit offers a robust starting point for creating SaaS applications using Next.js 14 and its App Router. It integrates Supabase for backend services, including authentication and database management, alongside Stripe for handling subscriptions and payments. With a focus on developer experience, it bundles TailwindCSS, Shadcn/ui, and essential tooling to accelerate development cycles, allowing teams to concentrate on building unique product value.

Features:

• User Authentication: Integrated Supabase Auth for secure user registration, login, and session management.
• Database Management: Utilizes Supabase's PostgreSQL for robust data storage and access.
• Payment Processing: Seamless Stripe Checkout and customer portal integration for subscriptions.
• Subscription Sync: Automated synchronization of pricing plans and subscription statuses using Stripe webhooks.
• Responsive UI: Built with TailwindCSS and Tailwind UI for customizable and adaptive interfaces.
• Modern React Stack: Leverages React 18 features, including Server Components.
• Type Safety: Full TypeScript support for improved code quality and maintainability.
• UI Components: Includes Shadcn/ui for aesthetically pleasing and adaptable components.
• Data Validation: Employs Zod for schema definition and validation, ensuring data integrity.
• Comprehensive Testing: Comes with Jest, React Testing Library, and Playwright for unit and end-to-end testing.
• Enhanced DX: Pre-configured with ESLint, Prettier, Husky, and Commitlint for a consistent coding environment.
• File Storage: Supabase Storage setup for managing file uploads, including browser-side image compression.
• tRPC Ready: Guidance on incorporating tRPC for building type-safe APIs efficiently.
• Local Development Suite: Dockerized Supabase environment and custom scripts for easy local setup.
• Content Management: MDX support via Fumadocs for creating documentation and blog posts.

Summary:

Essentially, this starter kit equips developers with a pre-configured Next.js 14 environment tailored for SaaS. It combines Supabase for core backend needs, Stripe for monetization, and a modern UI framework. By providing foundational elements like user authentication, subscription logic, and a rich development setup out-of-the-box, it streamlines the initial development phase of building scalable software-as-a-service products.