NextJS • TailwindCSS • Flowbite • Dashboard Layout • Auth • Auth • Premium Support
Login users, process payments and send emails at lightspeed. Spend your time building your startup, not integrating APIs. Rocket provides you with the boilerplate code you need to launch, FAST.
The NextJS boilerplate with all you need to build your SaaS, AI tool, or any other web app. From idea to production in 5 minutes.
18+ hours of headaches =
- 4 hrs to set up emails
- 3 hrs designing a pricing section
- 2 hrs to handle Stripe webhooks
- 4 hrs for SEO tags
- 1 hr applying for Google Oauth
- 2 hrs for DNS records
- 2 hrs for protected API routes
- ∞ hrs overthinking...
Have questions?Contact Support (Email & Discord) provided by AppSeed
| Free Version | PRO - 🛒 $199 | 🚀 Custom - $3999 |
|---|---|---|
| ✓ Next 13.x | Everything in Free, plus: | Everything in PRO, plus: |
| ✓ React 18.x | ✅ Google OAuth & Magic Links |
✅ 1mo Custom Development |
| ✓ TypeScript | ✅ Stripe Payments | ✅ Dedicated Developer |
| ✓ Tooling: eslint, postcss | ✅ Flowbite Dashboard Full | ✅ Dedicated Support |
| ✓ UI: TailwindCSS, Flowbite | ✅ Private REPO Access | ✅ Technical SPECS |
| ✓ NextAuth (User & Password) | ✅ Unlimited Projects | ✅ Documentation |
| ✓ MongoDB | ✅ Lifetime Updates | ✅ 30 days Delivery Warranty |
| ✓ Flowbite Dashboard (2 pages) | ✅ PRO Support - Email & Discord | - |
| ✓ Support via GitHub Issues | - | - |
| - | - | - |
| -------------------------------------- | -------------------------------------- | -------------------------------------- |
| 🚀 LIVE Demo | 🚀 LIVE Demo | 🛒 Order: $3999 (via GUMROAD) |
This boilerplate features all the latest tools and practices in the industry.
- "eslint": "8.49.0",
- "flowbite": "^1.8.1",
- "next": "13.5.2",
- "postcss": "8.4.30",
- "react": "18.2.0",
- "tailwindcss": "3.3.3"
Here are a few highlights in this boilerplate
- Magic links setup
- Login with Google walkthrough
- Save user data in MongoDB
- Private/protected pages & API calls
- Time saved: 3 hours
- Send transactional emails
- DNS setup to avoid spam folder (DKIM, DMARC, SPF in subdomain)
- Webhook to receive & forward emails
- Time saved: 2 hours
- Headaches: 0
- Create checkout sessions
- Handle webhooks to update user's account
- Tips to setup your account & reduce chargebacks
- Time saved: 2 hours
- Mongoose schema
- Mongoose plugins to make your life easier
- Time saved: 2 hours
- All meta tags to rank on Google
- OpenGraph tags to share on social media
- Automated sitemap generation to fasten Google indexing
- Structured data markup for Rich Snippets
- SEO-optimized UI components
- Time saved: 6 hours
- Components, animations & sections (like the pricing page below)
- 20+ themes with daisyUI
- Automatic dark mode
- Time saved: 5 hours
- Tips to write copy that sells
- Crisp customer support (auto show/hide, variables...)
- Collect emails for a waitlist if your product isn't ready
- Prompts to generate terms & privacy policy with ChatGPT
- Code templates to add pages, API routes, etc.
- Dead simple tutorials
- Discord community
- Time saved: ∞ hours
.
├── README.md # README file
├── next.config.js # Next JS configuration
├── public # Public folder
├── app
│ ├── (auth) # Organize routes without affecting the URL path
| | ├── login
| | ├── register
| | ├── global.css
| | ├── layout.tsx
| | └── loading.tsx
│ ├── api # API handler
│ └── Provider.tsx # NuxtAuth provider
├── components # Page's components
├── models # MongoDB schema
├── utilities # Utility folder
├── tailwind.config.ts # Tailwind CSS configuration
├── postcss.config.js # Postcss configuration
├── eslintrc.json # ESLint configuration
└── tsconfig.json # TypeScript configuration
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.