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
Architecture
Shipkit supports multi-zone deployments for scalable applications:
- Main Zone: Core application (marketing, dashboard, authentication)
- Documentation Zone: Product docs, guides, API reference
- Blog Zone: Articles, announcements, case studies
- UI Zone: Component library, design system documentation
- Tools Zone: Interactive utilities, API explorers, validators
Quick Start
For single-zone deployment, use Shipkit as a standard Next.js application.
For multi-zone deployment, see the Multi-Zone Architecture Rules for detailed setup instructions.
Welcome to Shipkit
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 Sections
- Environment Setup - Configuration and environment variables
- Development Guide - Local development setup
- Error Handling - Error handling patterns and best practices
- Code Snippets - Reusable code examples