Technology Stack
Overview of the technologies powering VelocityKit.
VelocityKit uses a modern, production-proven stack designed for rapid development and scalability.
Framework
Next.js 16
The foundation of VelocityKit is Next.js with the App Router architecture.
Key features used:
- Server Components — Render on the server by default for better performance
- Server Actions — Handle form submissions and mutations without API routes
- Turbopack — Fast development builds
- Static Generation — Pre-render pages at build time where possible
React 19
VelocityKit uses the latest React features:
- useActionState — Form handling with server actions
- Server Components — Async components that render on the server
- Suspense — Loading states and streaming
Database & Auth
Supabase
Supabase provides authentication and a Postgres database.
| Feature | Usage |
|---|---|
| Auth | Email/password, social login, MFA |
| Database | Postgres with full SQL support |
| Row Level Security | Data access policies at the database level |
| Realtime | Optional live updates (not enabled by default) |
Billing
Stripe
Stripe handles all payment processing.
| Feature | Usage |
|---|---|
| Checkout | Hosted payment pages |
| Customer Portal | Self-service subscription management |
| Webhooks | Sync subscription status to your database |
| Products & Prices | Manage your pricing tiers |
Analytics
PostHog
PostHog provides product analytics, feature flags, and LLM cost tracking.
| Feature | Usage |
|---|---|
| Event Tracking | Track user behavior |
| Feature Flags | Roll out features gradually |
| LLM Analytics | Monitor AI token usage and costs |
| Session Replay | Optional debugging tool |
Resend
Resend handles transactional emails and marketing campaigns.
- Welcome emails
- Password reset
- Subscription notifications
- Custom templates
- Audiences for marketing broadcasts
UI
shadcn/ui + Tailwind CSS
The UI is built with shadcn/ui components and Tailwind CSS.
- shadcn/ui — Copy-paste components you own
- Tailwind CSS 4 — Utility-first styling
- Dark mode — Built-in support
- Responsive — Mobile-first design
TypeScript
The entire codebase is written in TypeScript with strict mode enabled. This provides:
- Type safety across the stack
- Better IDE support
- Fewer runtime errors
- Self-documenting code