Open source NextBase starter kit: Next.js 16 + Supabase

Bhargav

Bhargav P

NextBase Starter

Nextbase Lite is a simple Next.js 16 + Supabase boilerplate. It includes a Next.js 16 app with Typescript, Supabase and Tailwind CSS. It includes the all new app folder, layout components, React server components and more!

Features

๐Ÿš€ Next.js 16
๐Ÿ’ป Data fetching examples in React server and client components. Suspenseful data fetching with minimal loading screens.
โš›๏ธ React query setup configured
๐Ÿ”ฅ React Hot Toast component
๐Ÿ’ป Fully typed with Typescript. Includes automatic type generation for Supabase tables
๐ŸŽจ Tailwindcss
๐Ÿงช Unit testing and integration testing setups built-in
๐Ÿ’š Eslint, typescript, prettier, postcss configured for dev and test environments
๐Ÿ“ˆ Automatic sitemap generation
๐Ÿ” SEO metadata, JSON-LD and Open Graph tags with NEXT SEO
โœ๏ธ Semantic release with Automatic changelog generation
๐ŸŽจ Prettier Code formatter
๐Ÿ’Ž Minimal styling
๐Ÿ“– Codebase which is easy to read and modify

Development

Prerequisites:
Node.js 22 or higher (recommended to use nvm for Node version management)
Steps:
Clone the repo
Install dependencies with pnpm install
Create a Supabase account if you don't have one already
Create a new project in Supabase
Link Supabase to your project using pnpm supabase link --project-ref <project-ref>. You can get your project ref from the Supabase Project dashboard (Project Settings -> API)
Duplicate .env.local.example and rename it to .env.local and add the Project ref, Supabase URL and anon key.
Push the database schema to your Supabase project using pnpm supabase db push.
Generate types for your Supabase tables using pnpm generate:types:local.
Run pnpm dev to start the development server.

Testing

Unit test using pnpm test
End-to-end test using pnpm test:e2e

Deployment

This is a simple Next.js project. Deployment is the same as any other Next.js project. You can deploy it to Vercel, Netlify, or any other hosting provider.

Contributing

Contributions are welcome. Please open an issue or a PR.

License

MIT

Troubleshooting

Checkout the TROUBLESHOOTING.md file for common issues.

Premium NextBase Boilerplate

Also checkout our premium boilerplate with more features. It includes a fully functional authentication system, user profiles, organisations, row level security, and more.
Like this project

Posted Oct 24, 2025

Developed a Next.js 16 + Supabase boilerplate with various features.

The comprehensive open source Framer library you're looking for
The comprehensive open source Framer library you're looking for
Nextbase SaaS boilerplate
Nextbase SaaS boilerplate
Rooks - Open source Custom hooks in React
Rooks - Open source Custom hooks in React
learnt and built this today. it is crazy how easy this is wi...