Claude Code Starter

Choose an app architecture below. Copy the prompt and paste it into Claude Code to start building.

Before You Build

Three things to prepare before copying your first prompt:

1

Validate Your Idea

Score your idea for distribution capability

The Sniff Test scores your idea across 5 key distribution factors. It also creates business context that powers your logo generation and primes your starter prompts.

2

Get Your Domain

~$10-15/year for a standard domain

Lock in your domain before building. This prevents name conflicts and lets you configure DNS early.

Tips: Avoid premium domains for MVPs. Use Vercel for easy deployment integration. Test your idea first, invest in a better domain later.
3

Basic Branding

Favicon and logo for your MVP

Favicon (ICO file)

The small icon shown in browser tabs. Convert any image to .ico format:

Logo

Use ChatGPT or DALL-E for quick logo generation. The prompt below is optimized for icon-style logos.

Tip: Complete the Sniff Test first to power contextual logo generation. Your idea's niche, problem, and audience will be included in the prompt.

First Time Setup

Never coded before? Click here for environment setup instructions

Path 1: Complete Beginner Setup

  1. 1.
  2. 2.
    Install Node.js: nodejs.org (LTS version recommended)
  3. 3.
    Install VS Code: code.visualstudio.com
  4. 4.
    Install Claude Code extension: Open VS Code → Extensions (⌘+Shift+X) → Search "Claude Code" → Install
  5. 5.
    Fork Next.js starter: Visit Vercel Next.js Boilerplate → Deploy to get started

Path 2: Experienced Developer Checklist

Git, Node.js, VS Code installed
Claude Code extension installed in VS Code
Next.js project initialized (or forked from Vercel template)

Path 3: AI-Guided Setup

Don't want to follow instructions? Let AI walk you through it step-by-step.

Watch: Setting Up Your First Next.js Project

Follow along as we walk through creating a Next.js project from scratch.

Step 1

Let's Get Coding

Pick a template below, copy the prompt, and paste it into Claude Code. Your app will be live in minutes.

Showing 3 of 33 starters

Two-Sided Marketplace

E-commerceComplex

Example: Airbnb for vacation rentals

Buyers discover and transact with sellers. Includes search, booking, payments, reviews, and trust/safety.

SaaS Dashboard

PopularMonetizable

Example: Stripe for email marketing

User accounts, analytics, settings, billing. The standard B2B SaaS architecture.

Community Platform

Engagement

Example: Reddit for plant parents

Members create posts, comment, vote, DM. Includes moderation and member profiles.

How to use these starters

  1. 1

    Pick an architectural pattern

    Browse the starters above and find one that matches your idea

  2. 2

    Copy the starter prompt

    Click the button to copy the prompt to your clipboard

  3. 3

    Open your Next.js project

    Launch VS Code with Claude Code installed and open your project folder

  4. 4

    Paste into Claude Code

    Claude will ask questions and automatically generate your project memory files

  5. 5

    Add bolt-on systems

    Follow Claude's guidance to add Design Standards, Auth, Payments, and more

Bonus: Strategy & Content Tools

After your app infrastructure is set up, use these tools to plan your launch and content strategy: