Shipkit Bones 🚀

Launch your app at light speed. Fast, flexible, and feature-packed for the modern web.

Deploy in 30 Seconds

Get started with ShipKit in three easy steps:

1. Click Deploy 👇
2. Connect to Vercel
3. Follow the Setup Wizard

No environment variables needed to start! Our setup wizard will guide you through the configuration after deployment.

What's Included

• 🔐 Authentication - Multiple providers (Discord, GitHub, Google)
• 💳 Payments - Integrated with Lemon Squeezy
• 📝 CMS - Built-in Payload CMS
• 🎨 Visual Editor - Builder.io integration
• 📧 Email - Resend for transactional emails
• 🤖 AI Ready - OpenAI/Anthropic integration
• 🎯 Analytics - Track user behavior
• 🚀 Performance - Edge-optimized

Quick Start Guide

1. Deploy to Vercel

Click the "Deploy with Vercel" button above and follow the prompts.

2. Run Setup Wizard

After deployment, you'll be guided through setting up:

• Database connection
• Authentication providers
• Payment processing
• Content management
• Optional services

3. Start Building

Once setup is complete, you're ready to:

• Customize your UI
• Add content
• Configure payments
• Launch your product!

Development Tools

Built with modern technologies:

• ⚡️ Next.js 16 - React Framework
• 🎨 Tailwind CSS - Styling
• 🔧 Shadcn/UI - Components
• 🛠 Drizzle - Database ORM
• 🔑 Auth.js - Authentication
• 📝 Payload CMS - Content Management
• 🎨 Builder.io - Visual Editing
• 📧 Resend - Email Service

Documentation

• Setup Guide
• Configuration
• Development

Support

Need help? We're here for you:

• 💬 GitHub Discussions
• 🐦 Follow Updates
• 📧 Email Support
• 🌐 Website

Found a bug?

Report it on GitHub Issues.

License

MIT License - see LICENSE for details

Local Development

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Tools

• v0

• Builder.io

• Payload

• Resend

• Shadcn

• MagicUI

• Next.js

• NextAuth.js

• Drizzle

• Tailwind CSS

• tRPC

Shadcn

npx shadcn-ui@latest add

MagicUI