ビッカメ娘

Vite + React + TanStack Router + Cloudflare Workers を使用した TypeScript プロジェクト

技術スタック

• Vite - ビルドツール
• React - UIライブラリ
• TanStack Router - 型安全なルーター
• TanStack Query - データフェッチング / キャッシュ
• Jotai - 状態管理
• Tailwind CSS - スタイリング
• shadcn/ui - UIコンポーネント
• Hono - 軽量Webフレームワーク
• Cloudflare Workers - エッジランタイム
• Bun - JavaScript ランタイム / パッケージマネージャー
• TypeScript
• Biome - Linter / Formatter

セットアップ

bun install

開発

bun run dev

http://localhost:5173 でローカルサーバーが起動します。

ビルド

bun run build

デプロイ

bun run deploy

プロジェクト構成

├── src/
│   ├── index.ts              # Honoエントリーポイント
│   ├── index.css             # グローバルスタイル
│   ├── app/
│   │   ├── main.tsx          # Reactエントリーポイント
│   │   ├── routeTree.gen.ts  # 自動生成ルートツリー
│   │   └── routes/           # ページコンポーネント
│   ├── components/           # UIコンポーネント
│   ├── stores/               # Jotai atoms
│   ├── schemas/              # Zodスキーマ
│   └── utils/                # ユーティリティ
├── public/                   # 静的ファイル
├── package.json
├── tsconfig.json
├── vite.config.ts
├── wrangler.toml
└── biome.json