Upcoming V2 Boilerplate demo

Early Access

The ultimate
Next.js Supabase boilerplate.

NextBase is a powerful, production-ready Next.js 13+ & Supabase boilerplate for professional developers.

Sandeep AcharyaJayaa BharadwajNikhil DagaAnvesh Checka
+15
NextBase SAAS Boilerplate - Never waste time building boring pages and features | Product Hunt

Launch your SAAS idea 🚀Build with NextBase today!

Built on a modern stack with Next.js, Supabase and Typescript, 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.

User Authentication built in

Start building your app with NextBase and 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.

Users can also sign in with their email and password or just with their email. Forgot password functionality, updating email functionality is also built-in.

Inbox user interface

Organisations, Teams and Invitations

Organisations, team members and team invitations is built-in. This means that 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.

Inbox user interface

Admin Panel, Maintenance mode

Admin Panel is built in. This means that 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 this mode when you are 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.

Inbox user interface

Powerful debugging with User Impersonation

The Admin panel also comes with a powerful debugging feature called User Impersonation. This allows you to impersonate any user in your app and see what they see. This is a great way to debug issues that your users are facing.

Some issues are hard to reproduce and this feature will help you debug the issues that your users are facing and fix them.

Inbox user interface

Next.js 13, Supabase and Typescript

NextBase is built on top of Next.js 13, which means 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.

Inbox user interface

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.

Inbox user interface

Incredible performance with layouts, server components, server side rendering and more!

Nextbase offers world-class performance and features such as Next.js 13's all-new app folder, layouts, server components, and server-side rendering to optimize data fetching and provide the best user experience.

Layouts such as authenticated layout, external page layout, login layout, application admin layout authenticated, external, login, and admin are pre-configured for efficient data fetching and easy page creation

Data fetching in layouts is also pre-configured with Server Side Rendering and Suspense, making it easy for you to focus on building your app.

Inbox user interface

Payments with Stripe

Stripe is pre-configured with your project. Your database will be in sync with all customer activity in Stripe via Webhooks. When you create new products or update pricing in Stripe, your frontend will automatically show the new pricing to the users.

When customers create / upgrade their subscription, their subscription status is also instantly updated in your database.

Inbox user interface

💪 Powerful Features

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

Users and Authentication

Nextbase comes with a built-in authentication system that allows you to create users and manage their permissions. You can also use third-party authentication providers like Auth0, Firebase, and more.

Social Logins

Nextbase supports social logins like Apple,Google, Facebook, Twitter, Discord, Linkedin, Github, Gitlab, Spotify, WorkOS, Zoom, Slack, Notion, KeyCloak, Facebook, BitBucket, Azure and more.

Pre-built components

Nextbase comes with a set of pre-built components that you can use to build your application. You can also create your own components and use them in your application.

React Email configured

Nextbase comes with react.email which you can use to build and send emails to your users. You can configure third-party email providers like SendGrid, Postmark and any providers that ReactEmail supports.

Edge Functions

Nextbase comes with a set of pre-built edge functions that you can use to build your application. You can also create your own edge functions and use them in your application. You can create Edge Functions in both Next.js and Supabase. You can also add Github actions.

User settings

Nextbase comes with a built-in user settings page that allows you to manage your user settings. You can also create your own user settings page and use them in your application.

Upload Media

Nextbase comes with a built-in upload media functions and hooks that allows you to upload media.

Storage Security

The Storage buckets on Supabase are secured with Row Level Security (RLS) built in. This keeps your data secure and private. You can also create your own policies.

Invite team members

You can invite team members easily to your projects with built-in invite system.

Projects

Projects can be used to organize your end users' work. You can create multiple projects and invite team members to your projects. You can define projects as anything depending on your core product.

Project settings

Team members can modify settings of projects they are part of. Projects also come with Row Level Security (RLS) built in.

Application Admin Panel

Besides the Supabase Admin Dashboard, Nextbase also comes with its own Admin Panel. You can use this panel to manage your users, projects and even to debug your application.

Maintenance Mode

Nextbase comes with a built-in maintenance mode that allows you to put your application in maintenance mode. The application becomes read-only (which can be configured selectively on different tables) and you can debug your app in peace.

Impersonate User

When a user reports a difficult bug to debug, you can impersonate the user and debug the issue. This is a great way to debug issues that are hard to reproduce.

Low code Database Management

Supabase comes with a low code database management system that allows you to manage your database. You can create tables, columns, relationships, views, functions and more.

Row Level Security

Row Level Security (RLS) is a powerful feature that allows you to control who can access which data. You can create policies that allow you to control who can access which data.

Secure Admin Functions

Admin functions are secured with permissions. You can create policies that allow you to control who can access which functions.

Integration and Unit Tests

Integration tests are configured with Playwright. Unit tests are configured with Vitest. But you can change both of them. You can write end to end tests to ensure your app function correctly.

Subscriptions and Payments

Stripe is configured with Nextbase. You can use Stripe to accept payments and subscriptions. Projects can be configured to have subscriptions and payments and you can manage the subscriptions on a project in the project settings area.

Lifetime Updates

Get access to lifetime updates and new features forever. Nextbase will keep improving and you dont have to worry about upgrading. That is free forever.

Clear Documentation

Nextbase comes with clean and simple to follow documentation. If you find anything missing, however, please reach out to us and will improve the docs!

Clean Typesafe codebase

Nextbase is written in Typescript and is fully typesafe. This means that you avoid many bugs by default. It also comes with a Supabase Type generator configured, which means when your tables get added or updated, your codebase will have the typing updated automatically!

Server Side Rendering

Nextbase comes with server side rendering configured. This means that your application will be fast and SEO friendly. It also comes with Server Components and Layouts configured, which means you can create reusable components and layouts and also optimize data-fetching for your application.

React Query setup built-in

Nextbase comes with React Query configured. You can also any other data fetching library you want. React Query is a great library that allows you to fetch data and cache it. We ❤️ React Query, but you can use anything you want!

Benefits over open source

🏃‍♂️

Frequent updates

Get access to frequent updates and new features as they are released. Since this project is sustainable, new features are released often.

24 hour bug fixes

No waiting for that bug to be fixed. Bugs are fixed quickly and swiftly within a 24 hour window.
☎️

Helpful support

Get help from the Nextbase discord community and also the Nextbase team.

Who is it for?

NextBase is for a tool for developers. If you are a developer who wants to build a SaaS product with React, Next.js and Supabase, and are comfortable writing code, this is for you.

You are an experienced React.js developer
You are familiar with Next.js and React
You can write basic Postgres and can hence navigate Supabase

If you are not comfortable with React, or are looking for a no-code solution to build your SaaS product, this is probably not for you. NextBase is more about starting with the best possible performance your app can have and this is only really possible when you fine tune all the nitty gritty details that Next.js, Supabase and React Query provide and it is not as easily possible to achieve that with a no-code solution. Hence we built NextBase for developers and builders who want the absolute best! But if you are not comfortable with React, or are looking for a no-code solution, we recommend you check out other solutions.

Pricing Plans

Buy now and save over 3 months of development time, effort and over $15,000 worth of money
Start a SAAS business today with Authentication, Teams, Projects, Admin Panel and Payments built in.

Single Use License

$295 $498
Buy once, use forever.

This is an early bird price as we are rolling out. Buy now and save over 3 months of development time and over $15000 in development cost.

  • Next.js 13

  • Server and Client components

  • Supabase Database configured

  • Authentication

  • Row Level Security (RLS)

  • Application Admin Panel

  • Access Controlled Routes

  • Integrated Payments

  • Fully Typesafe code

  • Supabase Type generation

  • Auth UI

  • Minimally styled components

  • Built in User management

  • Continuous Updates included

  • Build One Product

Unlimited Use License

$895 $1,595
Buy once, use forever.

This is an early bird price as we are rolling out. Buy now and save over 3 months of development time and over $15000 in development cost.

  • Next.js 13

  • Server and Client components

  • Supabase Database configured

  • Authentication

  • Row Level Security (RLS)

  • Application Admin Panel

  • Access Controlled Routes

  • Integrated Payments

  • Fully Typesafe code

  • Supabase Type generation

  • Auth UI

  • Minimally styled components

  • Built in User management

  • Continuous Updates included

  • Build Unlimited Products

  • Guided setup included for first product

Discounted

Are you a student ? Reach out to us if you are a student or if you are in special circumstances, and we will consider giving you a further discount. This is an early bird offering and we might discontinue it in the near future.

🤑 Accept payments right away!Start your business with Nextbase.

Because NextBase, comes with Stripe integration built-in you can start accepting payments right away. No need to worry about setting up a payment gateway, or dealing with Stripe API's.

Frequently asked questions

Installation and Usage

How does it work?

📖

1. Access to repository

After you purchase the boilerplate, you will be given access to the repository. You will be able to clone the repository and start working on your project.
🔨

2. Configure Boilerplate

Next, you can configure the boilerplate by following the documentation. You will be able to setup Supabase and Stripe accounts as you follow along the docs.
🚀

3. Build your core product

You can now build your core product. Because authentication, projects, teams and billing are already setup, you can now focus solely on your core product!

Don't waste time building the settings page.Start using NextBase today!

© 2023 Arni Creative Private Limited. All rights reserved.

Arni Creative Private Limited

H No 6-14

Sai Prabhu Enclave

Mallapur, via Balapur

Hyderabad, Telagana, India 500005.