🚀 Full-Stack Turborepo Cloudflare SaaS Kit

Build and deploy monorepo scalable products on Cloudflare with ease.

An opinionated, batteries-included starter kit for quickly building and deploying SaaS products using Turborepo, Next.js, and Hono for the backend. This setup leverages Cloudflare Workers for hosting, Prisma Accelerate Edge for database access, and integrates a modern UI with ShadcnUI.

This is the stack powering next-gen SaaS solutions, optimized for both performance and scalability.

Stack Includes:

• Turborepo for monorepo management
• Next.js for frontend
• Hono for serverless backend (Cloudflare Workers)
• Prisma Accelerate Edge for database access
• Cloudflare Workers for hosting the backend
• ShadcnUI as the component library
• TailwindCSS for styling
• NextAuth for authentication
• Recoil for state management
• Websockets for real-time communication

Getting Started

1. Make sure that you have Wrangler installed. And also that you have logged in with wrangler login (You'll need a Cloudflare account)
2. Clone the repository and install dependencies:

git clone https://github.com/imkeanserna/cloudflare-turbo-stack.git
cd cloudflare-turbo-stack
pnpm install

3. Next Js

cd apps/web
cp .env-example .env
add vars in wrangler.toml
pnpm run db:generate
pnpm run db:migrate
pnpm run db:no-engine
pnpm run dev

// To deploy the application, run the following command:
pnpm run deploy 

Open http://localhost:3000

4. Hono Server

cd apps/hono-server
cp .dev.vars-example .dev.vars
add vars in wrangler.toml
pnpm run dev

// To deploy the application, run the following command:
pnpm run deploy 

Open http://localhost:8787

Create a New App From Scratch

1. Create a New Next.js App

pnpm create cloudflare@latest my-next-app --framework=next

2. Create a New Hono Server

pnpm dlx create-hono my-hono-server

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• docs: a Next.js app
• web: another Next.js app
• @repo/ui: a stub React component library shared by both web and docs applications
• @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Useful Links

Learn more about the power of Turborepo:

• Tasks
• Caching
• Remote Caching
• Filtering
• Configuration Options
• CLI Usage

Open for Contribution 🤝

Join the community and make an impact! Whether it’s squashing bugs, adding exciting features, or polishing the documentation, your contributions are always valued and appreciated. 💡✨