Skip to content

Latest commit

 

History

History
163 lines (143 loc) · 6.73 KB

README.md

File metadata and controls

163 lines (143 loc) · 6.73 KB
Rocket Icon

NextJSTailwindCSSFlowbiteDashboard LayoutAuthAuthPremium Support


Django NextJS - Open-source Starter styled with Tailwind and Flowbite.

Why Rocket NextJS

Supercharge your app instantly, launch faster, make $

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.

Rocket your startup in days, not weeks

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...

Free vs. PRO

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)

Features

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

Login with NextAuth

  • Magic links setup
  • Login with Google walkthrough
  • Save user data in MongoDB
  • Private/protected pages & API calls
  • Time saved: 3 hours

Emails with Mailgun

  • 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

Payments with Stripe

  • Create checkout sessions
  • Handle webhooks to update user's account
  • Tips to setup your account & reduce chargebacks
  • Time saved: 2 hours

Database with Mongodb

  • Mongoose schema
  • Mongoose plugins to make your life easier
  • Time saved: 2 hours

SEO

  • 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

Style with TailwindCSS and Flowbite library

  • Components, animations & sections (like the pricing page below)
  • 20+ themes with daisyUI
  • Automatic dark mode
  • Time saved: 5 hours

More

  • 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

App Structure

.
├── 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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.