A modern full-stack starter template combining Vite, Nitro, and GraphQL.
This project now supports Rolldown, a Rust-based bundler that's significantly faster than traditional JavaScript bundlers. The rolldown branch uses:
- rolldown-vite: A drop-in replacement for Vite powered by Rolldown
- Faster builds: Experience significantly faster development and production builds
- Same API: Uses the same Vite API you're familiar with
To use the Rolldown version:
git checkout rolldown
pnpm install
pnpm dev- ⚡️ Vite - Lightning fast frontend build tool
- 🚀 Nitro - Universal server framework
- 🔺 GraphQL - Type-safe API with nitro-graphql
- 📦 TypeScript - Full type safety
- 🎨 Interactive Demo - Built-in GraphQL playground
- 🪶 Lightweight - Tree-shakeable, minimal bundle size
- 🌐 Universal - Deploy anywhere Nitro supports
- 🔄 End-to-End Type Safety - From GraphQL schema to client
- 📦 Tiny Bundle - Optimized by nitro-graphql's tree-shaking capabilities
- Frontend: Vite + TypeScript
- Backend: Nitro v3
- API: GraphQL Yoga + nitro-graphql
- Schema: Code-first GraphQL with
.graphqlfiles
npm install
# or
pnpm installnpm run devOpen http://localhost:3000 to see the interactive demo.
npm run buildnpm run preview├── server/
│ └── graphql/
│ ├── config.ts # GraphQL configuration
│ ├── schema.ts # Schema definition
│ └── user/
│ ├── user.graphql # User type schema
│ ├── getUser.resolver.ts
│ ├── createUser.resolver.ts
│ └── userStore.ts # Mock data
├── src/
│ ├── main.ts # App entry point
│ └── app.ts # Demo UI
└── index.html
The demo includes a simple User API with:
query GetUser($id: ID!) {
getUser(id: $id) {
id
email
name
createdAt
}
}mutation CreateUser($input: CreateUserInput!) {
createUser(input: $input) {
id
email
name
createdAt
}
}This starter supports all Nitro deployment presets. Check the Nitro deployment documentation for more details.
# Build for production
npm run build
# Deploy to your favorite platform
# Vercel, Netlify, Cloudflare Workers, AWS, etc.MIT