Getting Started

Easy Boilerplate

Build a modern app with features like authentication, subscriptions, API routes, static pages for docs and more.

Why Should I Use This Template?

Looking for a simple yet powerful boilerplate to build a modern app (with features like authentication, subscriptions, API routes, static pages for docs ...etc) would work in Next.js and server components.

This boilerplate is built with the latest tech stack, offering a sleek, modern design that’s easy to use and configure. Here’s why this template is perfect for you:

  • Save Time: Save over 100 hours of work with a ready-made template.
  • No Learning Curve: No need to learn complex animations or advanced setup.
  • Easy Customization: Easily configure and make changes to match your brand.
  • Quick Start: 1-click download and straightforward setup process.
  • Fast Updates: Update text and images in under 5 minutes.
  • Seamless Deployment: Deploy live to Vercel in just a few steps.

Features

1x Landing Page with 14+ sections:

  • Header Section
  • Hero Section
  • Logos Section
  • Features Section
  • Solution Section
  • How It Works Section
  • Testimonial Highlight Section
  • Stats Section
  • Testimonials Section
  • Pricing Section
  • FAQ Section
  • Blog Section
  • CTA Section
  • Footer Section

Authentication + Stripe

  • NextAuth Authentication
  • Prisma Integration
  • Stripe subscription
  • MySQL Database Support
  • Flexibility to Change Database type (ie. Change SQL to PostgreSQL)

1x Blog using MDX

  • Dark mode support
  • 100% Mobile responsive
  • Full SEO coverage
  • Dynamic OpenGraph images for every page
  • Tons of animations / micro-interactions
  • Clean and maintainable code
  • Global constants and variables for color, text, and more

Tech Stack

ReactNext.jsMagic UIShadcn UITailwind CSSNextAuth.js

Quick Setup

  1. 1-Click Download and Setup: Get started instantly with our easy setup process.
  2. 5 Minutes to Update: Quickly update text and images to match your brand.
  3. Deploy to Vercel: Easily deploy your site live with Vercel’s seamless integration.

Get started today and bring your website to life with minimal effort and maximum impact!

On this page