Upcoming V2 Boilerplate demo
The ultimate
Next.js Supabase boilerplate.
NextBase is a powerful, production-ready Next.js 13+ & Supabase boilerplate for professional developers.
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.
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.
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.
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.
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.
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.
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.
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.
💪 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.
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
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
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
🤑 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!
Arni Creative Private Limited
H No 6-14
Sai Prabhu Enclave
Mallapur, via Balapur
Hyderabad, Telagana, India 500005.