VITOS Project Template

VITOS: Vite, Innovative TanStack, ORM-powered, Shadcn-enhanced

This is a monorepo template using pnpm workspaces, featuring a powerful combination of modern technologies:

Getting Started localy

1. Install dependencies:

   pnpm install
   

2. Run the migrations and (optionally) seed the database:

   cd api
   pnpm run db:touch
   pnpm run db:generate
   pnpm run db:migrate
   pnpm dev
   pnpm run db:seed

3. Stop api server and run the development servers from root:

   cd ..
   pnpm dev
   

Devtools

1. Fiberplane - postman based on hono rpc output types

2. Drizzle studio - is way for you to explore SQL database on Drizzle projects.

Run both from root of the project.

pnpm studio

Project Structure

• api/: Backend code (Hono, Drizzle ORM, Cloudflare Workers)
• web/: Frontend code (Vite, React, shadcn/ui)

Why VITOS?

VITOS combines the power of HONC's backend philosophy with a modern frontend stack:

• Vite: Lightning-fast build tool
• Innovative Tech stack: Combining cutting-edge technologies
• Typescript ORM (Drizzle) & TanStack Router: Type-safe database operations and routing
• Optimized for edge computing with Cloudflare Workers
• Shadcn/ui: Beautiful, customizable UI components

Backend (API)

• Hono - Lightweight, ultrafast web framework
• Drizzle ORM - TypeScript ORM for SQL databases
• Cloudflare Workers - Serverless execution environment
• SQLite (Cloudflare D1) - Serverless SQL database

Backend generated using the awesome HONC project

Frontend (Web)

• Vite - Next-generation frontend tooling
• React - A JavaScript library for building user interfaces
• shadcn/ui - Re-usable components built with Radix UI and Tailwind CSS
• TanStack Router - Type-safe routing for React applications
• Hono RPC client for type-safe API calls