Introduction
Welcome to the supastarter for Next.js documentation. This is the place to get started with the starter kit, learn about the structure, its features and how to use it.
What is supastarter?
supastarter is a fullstack starter kit that helps you build production-ready and scalable web applications faster.
Features
Before we dive into the technical details of supastarter, let's go over all the features that it provides. If you want to try the functionality of supastarter, you can check out the demo.
Landing page
- Landing page with the following sections:
- Hero
- Features
- FAQ
- Newsletter signup
- Pricing page
- Changelog page
- Terms of service and Privacy policy placeholder pages (and setup for your own legal pages)
Authentication
- Sign up and login pages
- Forgot password and password reset
- Settings page to update your profile and password
- Avatar upload
Teams / Organizations
- Users can create teams and invite other users to join to share resources
- Team members can have different roles (owner, member)
- Team settings page to update team name and delete team
- Avatar upload for teams
Billing
- Billing settings page to manage your subscription
- Support for multiple plans and pricing tiers
- Support for multiple payment providers (Stripe and Lemonsqueezy)
Internationalization
- Support for multiple locales
- Language switcher in the header
- Support for different currencies based on locale (only Stripe)
- All pages fully translatable
- Automatic language detection based on browser settings
- Included translations for German and English
Dashboard
- Dashboard page
- Settings page
- Example of AI integration with Vercel AI SDK
Blog
- Blog and blog post pages
- Content is managed with MDX in your codebase
- Support for translations of blog posts for the different locales of your app
Documentation
- Documentation pages
- Content is managed with MDX in your codebase
- Support for translations of documentation pages for the different locales of your app
- Automatic table of contents generation