ShipKit Next.js Starter Kit Documentation
Modern, type-safe, and scalable Next.js starter kit
Shipkit Documentation
A Next.js starter to help you ship really, really fast. Built for/with Shadcn UI, Cursor, v0.dev.
Features
- Multi-Zone Architecture: Deploy different sections as separate applications while maintaining a unified domain
- Modern Stack: Next.js 15, React, TypeScript, Tailwind CSS, Shadcn/UI
- CMS Integration: Payload CMS 3 for content management
- Authentication: NextAuth/AuthJS v5 with multiple providers
- Developer Tools: Built-in tools for development and deployment
- Performance Optimized: Server components, proper caching, and optimization strategies
ShipKit is a starter kit to launch a website without the hassle of setting up the infrastructure and dependencies. You can deploy it in minutes to Vercel with a few clicks, and add features like authentication, email, content management, etc. as you need them.
Non-Developers can use the visual builder to create beautiful pages and content with a drag-and-drop interface.
Developers can build on top of the type-safe, scalable, and feature-rich Next.js App router or Pages router.
What's included?
- A full-stack, type-safe, and scalable Next.js website, built completely on open-source technologies and leveraging tools with generous free tiers, so you can get started without spending another dime.
- Configuration to work seamlessly with Cursor, Windsurf, v0.dev, Bolt.new, Replit, Claude Codes, and more.
- Use the visual builder to create beautiful pages and content with a drag-and-drop interface, learn more about using Builder.io.
- Manage content, media, and more with Payload CMS.
- First-class API to build your own integrations and add custom features.
- Tons of ready-to-use UI components, including all of the components from Shadcn/UI.
- Authentication is built-in, just provide your environment variables for each auth provider you want to use.
- Email is managed via Resend, so you can send emails and allow logging in using magic links.
- Role-based access control (RBAC) to manage user permissions.
- User/Team/Organization/Api Key management.
- Demo pages, AI examples, templates, and more.
Core Technologies
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Package Manager:
pnpm
recommended. Also supportsnpm
,bun
, andyarn
. - Authentication: Auth.js v5 (formerly NextAuth)
- UI: Shadcn/UI + Tailwind CSS
- CMS: Payload CMS v3
- Visual Builder: Builder.io
- Email: Resend
- Database: PostgreSQL + Drizzle ORM
Documentation Overview
Getting Started
- Quick Start - Deploy in 30 seconds
- Development Guide - Local development setup
- Environment Setup - Configuration and environment variables
- Deployment - Production deployment guide
- AI Assistant Guide - For AI coding assistants
Core Features
- Authentication - Multi-provider auth with guest mode
- Database - PostgreSQL + Drizzle ORM setup
- Payments - Lemon Squeezy, Stripe, Polar integration
- Email - Transactional emails with Resend
- Analytics - PostHog and Vercel Analytics
- Caching - Performance optimization strategies
- Storage - File upload and management
Content Management
- Payload CMS - Headless CMS integration
- Builder.io - Visual page builder
- MDX Content - Markdown with React
Development
- File Structure - Project organization
- Error Handling - Error patterns and best practices
- Server Actions - Next.js server actions
- Implementation Guide - Architecture patterns
- Code Snippets - Reusable examples
Advanced Topics
- Multi-Zone Deployment - Scale with zones
- API Keys - API key management
- Teams & Permissions - Multi-tenant features
- Waitlist - Early access management
- Web Workers - Background processing
AI & Automation
- Claude Integration - AI assistant setup
- GitHub Actions - CI/CD automation
- GitHub Bots - Automated workflows
- AI Prompts - Prompt templates
Testing
- Testing Guide - Comprehensive testing documentation