ORANGE HUB

つくりながら、学ぶ。

Next.js 16 + TypeScript で、PART ごとに機能を積み上げていく ワークショップ用スターターキットです。 ログインして、最初の PART を始めましょう。

ログインして始める

ROADMAP

PART ごとに機能を追加していきます

PART 301

Foundation

タスク CRUD + 設定ページ（localStorage）

PART 302

Database

Supabase + Auth + Workspace 基盤

PART 303

CRM

見込み客・既存客の管理

PART 304

Three-Layer

Action Map + OKR + タスク連携

PART 305

Admin

権限管理・セキュリティ・監査ログ

TECH STACK

このスターターで使う技術

Next.js 16
App Router
React 19
Server Components
TypeScript
Strict Mode
Lucide Icons
SVG Icons
Supabase
PART 302+
Vercel
Hosting

準備はできましたか？

パスワードは orange-hub です

ログイン