saas-starter

Launch SaaS Sites with play-nextjs

Get a feature-rich SaaS website with play-nextjs, a starter kit for SaaS startups, with necessary integrations and components.
intermediateโฑ 1-2 hours๐Ÿ’ต Free (self-hosted)
608 stars179 forksTypeScriptGuide quality 9/10 ยท reviewed Jun 6Updated 5/19/2026100% free ยท open source
What it is

Launch a feature-rich SaaS site using a Next.js starter kit.

Real use case example

"A founder of a company creating a project management tool uses this to set up a Next.js site with authentication, database integration, and necessary pages. They run a command, set up the project settings, and configure the integrations. They're now ready to start building their application, saving them weeks of development time."

Best insideClaude Desktop
When to use it
  • โ€ขYou're building a SaaS platform and want to save time on setup and configuration
  • โ€ขYou need a solid foundation for your Next.js project with authentication and database integration
  • โ€ขYou want to prototype a SaaS idea quickly and test its viability
Ready-to-paste prompt
git clone https://github.com/NextJSTemplates/play-nextjs.git && cd play-nextjs && npm install && npm run dev
Saves to your device
Use with Claude
New

Skip the builder โ€” one click puts this in Claude, Cursor, Antigravity and more.

๐Ÿ› ๏ธ Technical setup

Expect 20โ€“40 minutes in a terminal โ€” or let your AI agent drive it.

Try it instantly โ€” no install
Claude Code
mkdir -p ~/.claude/skills/play-nextjs && curl -fsSL https://workflowstacks.com/api/skills/play-nextjs/claude-skill -o ~/.claude/skills/play-nextjs/SKILL.md
Open in another AI app

Opens the app with this repo with the prompt ready to go โ€” no copy-paste needed.

Connect the whole catalog (MCP)
claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How Launch SaaS Sites with play-nextjs works
Codeflow
Free to inspect

Launch SaaS Sites with play-nextjs is a medium TypeScript project (~9.2k lines across 83 code files). Expect some technical setup โ€” comfortable with a terminal, or ask a developer. Last commit 4 months ago, MIT license, no tests found.

Size
Medium codebase
~9.2k lines ยท 83 code files ยท ~1 h to skim
Setup
Some technical setup
Comfortable with a terminal? 20โ€“40 min. Otherwise ask a dev.
Runs on
Node.js
Needs API keys (.env)
TypeScript 94%CSS 4%MDX 2%
Where to start reading
  1. 1
    README.md
    Start here โ€” what it does and how to install it
  2. 2
    package.json
    Dependencies and the commands it exposes
  3. 3
    .env.example
    The API keys and settings you must provide
  4. 4
    src/components/About/index.tsx
    Inside src/ โ€” the main logic begins here
What's in each folder
src/Core code โ€” the actual logic83 files
markdown/Folder3 files
prisma/Folder1 files
public/Images & static assets53 files
.vscode/Editor / agent settings1 files
READMENo tests foundDocumentedNo CIMIT licenseUpdated 4 mo ago
Quick Actions
Details
Creator
NextJSTemplates
Language
TypeScript
Category
saas-starter
Published
11/30/2023

Are you the creator of this tool? Claim your listing โ†’ and earn 85% of every sale.

Show it off in your README:

Featured on WorkflowStacks
[![Featured on WorkflowStacks](https://workflowstacks.com/api/badge/play-nextjs.svg)](https://workflowstacks.com/skills/play-nextjs?utm_source=github&utm_medium=badge)
๐Ÿ”ฅ Hot this week, in your inbox
Skills like this, every Monday.

The five fastest-growing open-source AI skills, ranked by GitHub star growth. One email a week, unsubscribe anytime.

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work โ€” importable n8n templates, outcome guides and Claude Desktop configs.