SCALE — Build Lab
ホーム / システム / 軽量SPAアーキテクチャ
システム管理 · 実装済

軽量SPAアーキテクチャ

EFFORT40〜80時間 DIFFICULTY中 DURATION7-12日 MAINTAIN高
SPAWN FROM TEMPLATE
SCALE Build CLI で新プロジェクトを即起動
cd ~/Library/CloudStorage/[email protected]/マイドライブ/AI/scale-build && bash scripts/spawn-from-template.sh <new-project-name> crm-spa-architecture
→ ~/scale-build-clients/<new-project-name>/ に展開されます
FEATURES（5）
  • Vanilla JS（フレームワーク不使用）
  • Cloudflare Pages Functions
  • D1 Database（SQLite互換）
  • デプロイ1秒
  • 月額ほぼ¥0
STACK
Next.js 16 (App Router)React 19TypeScript 5Tailwind CSS v4Lucide ReactCloudflare PagesCloudflare KV / Supabase
USE CASES
  • シンプル業務システム全般
本番URL https://crm.scale-group.co.jp/

軽量SPAアーキテクチャ

:LiTarget: 何ができるか

Vanilla JS SPA + Cloudflare Pages Functions + D1。Next.js なしの超軽量構成。月額ほぼゼロ。

:LiSparkle: クライアント向け売り文句

Next.js は要らない。シンプルなJSで十分高速。インフラコスト99%カット。

:LiList: 機能一覧

  • Vanilla JS（フレームワーク不使用）
  • Cloudflare Pages Functions
  • D1 Database（SQLite互換）
  • デプロイ1秒
  • 月額ほぼ¥0

:LiWrench: カスタマイズポイント

項目変更難度
会社名・ロゴ・カラー:LiThumbsUp: 簡単
機能項目の追加・削除:LiHand: 中
API連携先変更:LiHand: 中

:LiCode: コード保管

:LiHandPointer: SCALE Build 案件で使うとき

  1. SCALE Base 該当ディレクトリを顧客プロジェクトにコピー
  2. 顧客固有のフィールド（会社名・ロゴ・項目）を変更
  3. データソース（KV / Supabase / localStorage）を切り替え
  4. 不要機能を削除
  5. デプロイ → 顧客ドメインに紐付け