Kazooo

Kazooo is a Next.js starter project template that scaffolds a full-stack web application with Supabase authentication and a Prisma-backed database, ready for immediate customization. The template bundles popular packages such as Radix UI, Lucide React, SWR, and Yup, and it supports dark mode out of the box. It is released under the MIT license and credits shadcn/ui for its reusable UI components. The repository metadata further specifies Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui (Base UI), Supabase SSR Auth, Zod, React Hook Form, and Playwright e2e testing.

What is Kazooo?

Kazooo is an open-source boilerplate for web applications built on the Next.js React framework. It takes a fresh clone as input and produces a runnable project with authentication, a database, a component library, and validation already configured. The template runs on any Node.js environment that supports Next.js, and it is maintained as a GitHub repository with 42 stars.

Key Features

• Next.js 13 framework — Uses server-rendering and static-generation features of Next.js; the repository metadata updates this to Next.js 16 and React 19.
• Supabase authentication — Built-in email/password and OAuth sign-in with cookie-based sessions and Supabase SSR Auth support.
• Prisma ORM — Type-safe database schema management and query generation with migration support for SQL databases.
• Radix UI and shadcn/ui — Accessible, headless UI components from Radix UI, with shadcn/ui's reusable component patterns.
• SWR data fetching — React Hooks that handle remote data caching, revalidation, and optimistic updates.
• Yup and Zod validation — The README documents Yup; the repository metadata adds Zod and React Hook Form for form handling.
• Tailwind CSS — Utility-first styling with class sorting, merging, and linting configured.
• Dark mode and theming — Light/dark theme switching via next-themes.

Who is it for?

Kazooo is for developers who want a pre-configured stack to start a SaaS, dashboard, or internal tool without spending days wiring auth and database code. It suits React developers already comfortable with Next.js and Tailwind, and teams that prefer Supabase as their backend-as-a-service. The template also helps full-stack developers who want to experiment with Prisma and SWR in a production-like setup.

What can you do with Kazooo?

• SaaS founders: Spin up a working product skeleton with authentication and a database, then focus on domain-specific features like billing or file uploads.
• Frontend developers: Get a ready-made UI foundation with Radix components, dark mode, and icons to build polished interfaces quickly.
• Prototyping teams: Use the preconfigured data-fetching and validation layer to turn wireframes into a testable web app in hours.

How does Kazooo work?

The README outlines three steps: clone the repository, install dependencies with npm or yarn, and start the development server with npm run dev. Customization happens by editing components, adjusting the Prisma schema, and adding Supabase environment variables. The template also reminds users to remove unnecessary dependencies from package.json before installation to keep the project lean.

FAQ

Is Kazooo free?

Yes, the template is licensed under the MIT license, which permits free use, modification, and distribution, even in commercial projects.

What versions of Next.js does Kazooo use?

The README states Next.js 13, while the repository metadata lists Next.js 16 with React 19. Developers should check the package.json file for the exact version pinned at the time of cloning.

Does Kazooo include authentication?

Yes, it uses Supabase for authentication with cookie-based sessions and supports server-side rendering patterns via Supabase SSR Auth.

What database does Kazooo work with?

Kazooo uses Prisma ORM, which works with PostgreSQL, MySQL, SQLite, and other SQL databases. The deployment target depends on your Supabase project settings.

Can I use the components without the backend?

Yes, the Radix UI components and Tailwind styling are independent of Supabase and Prisma, so you can strip out the backend if you only need the frontend starting point.