Code with Engineer BA-Sulto
プロジェクト一覧に戻る
  • Web
  • React Native
  • TypeScript
  • Cloudflare Workers
  • Bun
  • ボイラープレート

Four App Monorepo Boilerplate

新規プロダクトを API / Web / モバイル / LP の4面で立ち上げるときの出発点。Hono + Cloudflare Workers、Vite + React、Expo Router、Astro を workspace 化し、Zod schema・env・API client・UI を @repo パッケージで共有。Biome と Bun test で品質を揃え、不要な app は削除しても他に影響しにくい構成です。

Four App Monorepo Boilerplate

主な機能

4アプリ構成

apps/api(Hono)、apps/web(Vite + React)、apps/sp(Expo Router)、apps/lp(Astro)を1つの monorepo で管理。各 app は独立して差し替え・削除できます。

共有パッケージ

@repo/schema、@repo/api-client、@repo/env、@repo/ui などで型・API クライアント・UI を横断利用。web / lp と sp で UI 層を分けつつ、ビジネスロジックは共有可能です。

Cloudflare first

API と Web / LP の本番デプロイ先は Cloudflare Workers。Wrangler dev でローカル API を起動し、web / sp から status を確認する開発フローを想定しています。

Bun workspace

依存インストール・型チェック・lint・テストを bun コマンドで統一。mprocs による並列 dev や init:project による slug 変更にも対応します。

拡張しやすい骨組み

最小の /health・/status・/echo から始め、業務アプリ向けに DB・認証・帳票機能を足していく前提の雛形です。HACCP Record App のコピー元としても利用しています。

Biome 統一

formatter / linter を Biome に集約。ESLint / Prettier を別途持たず、workspace 全体のコードスタイルを揃えられます。

使用技術

  • Bun
  • Hono
  • React
  • Expo
  • Astro
  • Cloudflare Workers
  • TypeScript
  • Biome
  • Zod