Makita Stack
GitHub
AI-Powered Development

Transform Your Development Workflow with VercelNeonMonorepoTypeScriptNext.jsDrizzle

Makita Stack enables you to create production-ready full-stack applications instantly. Just copy our prompt to Claude Code and watch your project come to life.

Learn More

Why Choose Makita Stack?

Built for modern development teams who value productivity and code quality

Vercel Deployment
Seamless deployment to Vercel with automatic PR previews and production builds
Neon Database
Serverless PostgreSQL with automatic branching for each environment
Release Please
Automated semantic versioning and changelog generation with precise release control
Auto-Generated Docs
Beautiful API documentation site automatically generated from your code
Dev Container Ready
One-click development environment with GitHub Codespaces integration
CI/CD Pipeline
Complete GitHub Actions workflow with testing, building, and deployment

Infrastructure That Scales

Production-grade infrastructure components that grow with your application

Vercel Platform Integration

Deploy instantly to Vercel's edge network with automatic HTTPS, custom domains, and global CDN.

  • • Automatic PR preview deployments
  • • Edge functions and middleware support
  • • Built-in analytics and monitoring

Neon Database Branching

Serverless PostgreSQL with Git-like database branching for safe development workflows.

  • • Instant database branches for each PR
  • • Zero-downtime migrations
  • • Automatic connection pooling

Release Please Automation

Automated semantic versioning with intelligent changelog generation and release management.

  • • Conventional commit parsing
  • • Automatic version bumping
  • • GitHub releases with changelogs

Documentation Site

Beautiful, searchable documentation automatically generated from your API routes and components.

  • • Auto-generated API documentation
  • • Interactive component playground
  • • Built with Fumadocs framework

Dev Container Environment

Pre-configured development environment that works instantly with GitHub Codespaces.

  • • One-click GitHub Codespaces setup
  • • Pre-installed tools and extensions
  • • Consistent development environment

Monorepo Structure

Organized codebase with shared packages, CLI tools, and documentation for scalable development.

  • • Shared UI components and utilities
  • • CLI tools for project management
  • • Turborepo for optimized builds

How It Works

Get your full-stack application running in minutes, not hours

1

Copy the Prompt

Click the "Copy Prompt" button to get our comprehensive project template

2

Paste in Claude Code

Open Claude Code and paste the prompt to generate your project structure

3

Deploy & Develop

Your production-ready app is generated with full CI/CD pipeline

Prompt Structure Overview

Tech Stack Definition

Next.js 15, React 19, TypeScript, Drizzle ORM, Neon DB

Project Architecture

Monorepo structure, database setup, CI/CD pipeline

Feature Requirements

Authentication, database schema, API routes, UI components

Development Environment

Docker setup, hot reload, TypeScript config, automated testing

Production-Ready Application

Complete project with all configurations and best practices

The Magic Prompt

This is what you'll copy to Claude Code to create your project

Makita Stack Prompt
I want to create a new project based on the Makita monorepo template. Please help me set up everything automatically.

Here's what I need you to do:
1. First, verify GitHub CLI installation and authentication:
   - Check if `gh` is installed by running `gh --version`
   - If not installed, provide installation instructions:
     - macOS: `brew install gh`
     - Windows: `winget install --id GitHub.cli` or download from https://cli.github.com/
     - Linux: Follow instructions at https://github.com/cli/cli#installation
   - Check authentication status with `gh auth status`
   - If not authenticated, guide through: `gh auth login`
   - Only proceed after confirming successful authentication
2. Ask me for my GitHub username and the new project name
3. Ask me for all the required tokens and secrets (tell me where to get each one)
4. Use GitHub CLI to create a new repository from the makita template
5. Use Vercel API to create web and docs projects automatically
6. Set up all repository secrets and variables using GitHub CLI
7. Replace all "makita" references in the code with my project name
8. If NPM_TOKEN is not provided, remove CLI package and related configurations:
   - Delete turbo/apps/cli directory
   - Remove CLI-related jobs from .github/workflows/turbo.yml and .github/workflows/release-please.yml
   - Remove CLI-related configurations from lefthook.yml and other config files
9. Install dependencies and initialize git repository: `(cd turbo && pnpm install) && (git add . && git commit -m "init commit" && git push)
10. Guide me through any additional setup steps

Required GitHub repository secrets (use `gh secret set`):
- NEON_API_KEY (get from: https://console.neon.tech/app/settings/api-keys)
- VERCEL_TOKEN (get from: https://vercel.com/account/tokens)
- DATABASE_URL (production database connection string from Neon)

Optional GitHub repository secrets (only if you want to publish CLI package):
- NPM_TOKEN (get from: https://www.npmjs.com/settings/tokens) - if not provided, CLI package will be removed

Required GitHub repository variables (use `gh variable set`):
- NEON_PROJECT_ID (from your Neon project dashboard)
- VERCEL_TEAM_ID (from Vercel team settings, leave empty for personal account)
- VERCEL_PROJECT_ID_WEB (will be auto-created via Vercel API)
- VERCEL_PROJECT_ID_DOCS (will be auto-created via Vercel API)

Template repository: https://github.com/e7h4n/makita

Use Vercel API to automatically create:
- Web project: POST https://api.vercel.com/v11/projects with configuration:
  {
    "name": "{project-name}-web",
    "rootDirectory": "turbo/apps/web",
    "buildCommand": "turbo build",
    "framework": "nextjs",
    "commandForIgnoringBuildStep": "echo 'Ignored Build Step - builds are handled by GitHub Actions'"
  }
- Docs project: POST https://api.vercel.com/v11/projects with configuration:
  {
    "name": "{project-name}-docs", 
    "rootDirectory": "turbo/apps/docs",
    "buildCommand": "turbo build",
    "framework": "nextjs",
    "commandForIgnoringBuildStep": "echo 'Ignored Build Step - builds are handled by GitHub Actions'"
  }
- Get project IDs from responses and set as VERCEL_PROJECT_ID_WEB and VERCEL_PROJECT_ID_DOCS

Please guide me through this process step by step, asking for one piece of information at a time and explaining what each token is used for.

Ready to Build Something Amazing?

Join developers who are already using Makita Stack to ship faster

View on GitHub