Nextbase

NextBase is a powerful, production-ready Next.js 13+, Supabase, Typescript boilerplate for professional developers. Built with such a modern stack, NextBase is the perfect starting point for your next SAAS project and will save you about 3 months of development time and over $15,000.

From database management to payment processing, customer account management and more, Nextbase has all the tools you need.

User Authentication built in

You'll get a full-featured authentication system, out of the box. More than 15 authentication providers such as Google, GitHub, Twitter, Facebook, Apple, Discord etc are supported.

Organisations, Teams and Invitations

Your Next Saas Project will allow your customers to manage organisations right off the bat.

NextBase comes with Supabase configured with all the necessary tables to manage members of an organization. Depending on your SAAS project idea, you can extend the Projects functionality to include your core use-case. Every organization also has it's own Stripe plan.

Admin Panel, Maintenance mode

You can manage a secret area within your app where you can manage users and organizations, etc.

Nextbase also comes with a maintenance mode in the admin panel. You can use it when you’re doing maintenance on your app. This will show a “Maintenance” banner to all logged in users and inform them that the app is down for maintenance and is read-only.

Powerful debugging with User Impersonation

This allows you to impersonate any user in your app and see what they see. This is a powerful way to debug issues that your users are facing and fix them.

Next.js 13, Supabase and Typescript

You get all of the latest features and performance improvements that come with Next.js 13+. These include the new Image component, built-in TypeScript support, the new app folder, layouts, server components and more!

NextBase is fully typed. Build your app with confidence. Supabase tables will be typed for you which means that when you create / modify your tables, your frontend will automatically update types and keep the project in sync.

Powerful Unstyled Components

Many boilerplates and starter kits ship with a set of pre-styled components, but we think that this makes it harder to customize your app and makes you stick to our design decisions. We hence, don't emphasize on styling at all .

We do ship with minimal tailwindcss styling for the components that are used in the example app, so that we can give you a glimpse of what you can build, but you can remove that styling pretty easily . We use tailwindcss because it doesn't come in the way of your design decisions and is easy to remove. It also has no runtime cost which means your app will be fast.