
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 installCreate 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 testEnd-to-end test using
pnpm test:e2eDeployment
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.
0 likes ยท 9 views ยท Oct 24, 2025
Developed a Next.js 16 + Supabase boilerplate with various features.