PageGen Logo

PageGen

How to generate page for SaaS-Boilerplate

SaaS-Boilerplate is a powerful template built with Next.js + Tailwind CSS + Shadcn UI + TypeScript. ⚡️ Full-stack React application with Auth, Multi-tenancy, Roles & Permissions, i18n, Landing Page, DB, Logging, Testing. This comprehensive guide will walk you through generating pages efficiently using PageGen AI.

1 How to generate page for SaaS-Boilerplate template

1.1 One click generate page from PageGen AI

You could refer to the How to Generate a Travel Landing Page with PageGen Templates guide.

1.2 Copy the page code to the SaaS-Boilerplate project

1.2.1 New SaaS-Boilerplate Project

You could use PageGen-SaaS-Boilerplate template

  1. Clone pagegen-next-saas-starter repository to your local machine:
git clone https://github.com/memfreeme/PageGen-SaaS-Boilerplate
cd PageGen-SaaS-Boilerplate
  1. Intall the dependences
npm install
# or
yarn install
# or
pnpm install
# or
bun install

  1. Copy the code generated by PageGen AI to the src/app/[locale]/(unauth)/preview/page.tsx file.

  2. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
  1. Open http://localhost:3000/preview with your browser to preview the code generated by PageGen AI.

1.2.2 For the existed SaaS-Boilerplate project

You could Cherry-pick this commit to the your project: Support code generated by pagegen AI

2 What's SaaS-Boilerplate template

SaaS-Boilerplate is a comprehensive template designed to accelerate SaaS application development with modern web technologies. Built with cutting-edge frameworks and best practices, it provides developers with a robust starting point for creating scalable and feature-rich SaaS products.

3 The SaaS-Boilerplate Features

  • Next.js with App Router support
  • Integrate with Tailwind CSS and Shadcn UI
  • Authentication with Clerk: Sign up, Sign in, Sign out, Forgot password, Reset password, and more.
  • Passwordless Authentication with Magic Links, Multi-Factor Auth (MFA), Social Auth
  • Multi-tenancy & team support: create, switch, update organization and invite team members
  • Multi-language (i18n) with next-intl and Crowdin
  • Multi-Databases: PostgreSQL, SQLite, and MySQL
  • Stripe Integration

4 The SaaS-Boilerplate Tech Stack

  • Framework: Next.js 14 + React 18
  • Styling: Tailwind CSS
  • UI Library: Shadcn UI
  • Database: PostgreSQL, SQLite, and MySQL
  • ORM: Drizzle
  • Payments: Stripe
  • Auth: Clerk
  • Multi-language: next-intl

PageGen AI simplifies page generation for SaaS-Boilerplate Starter, enabling developers to build robust, scalable applications quickly and efficiently.