Insights

Getting Started with This SaaS Starter Template

3 min read
announcementproduct
Available languagesEnglish
Getting Started with This SaaS Starter Template

Welcome to the SaaS Starter Template — a production-ready foundation for launching your next web application. This guide will walk you through setup and customization.

What's Included

This template provides a complete full-stack SaaS setup:

  • Frontend: Next.js with App Router, i18n (English & Chinese), DaisyUI + Tailwind CSS
  • Backend: Hono on Cloudflare Workers with Drizzle ORM
  • Auth: Google OAuth & Apple Sign-In with JWT
  • Payments: Multi-provider support (Stripe, PayPal, Polar, Creem)
  • AI Integration: Pre-built AI image/video generation routes
  • Landing Page: Modular, reusable component library (Hero, FAQ, Pricing, Testimonials, etc.)

Quick Start

  1. Fork this repository
  2. Update apps/web/src/config.ts with your domain, brand name, and API keys
  3. Update apps/api/wrangler.jsonc with your Cloudflare Worker environment variables
  4. Update apps/api/src/config/provider-ids.ts with your payment platform product IDs
  5. Replace placeholder content in apps/web/messages/ with your own copy
  6. Run npm run dev to start developing

Customization Checklist

  • Brand name and domain in config.ts
  • Google OAuth Client ID
  • Cloudflare Turnstile Site Key
  • Payment provider product IDs
  • i18n message files (search for "YourBrand" and replace)
  • Landing page images and videos
  • Blog content
  • Privacy Policy and Terms of Service

Happy building!

Read this article inEnglish