Uuwork.jp
悠々と、自分らしく働く・暮らす
悠々ワーク / Next.js 15 App Router × Turborepo テンプレート
Uuwork.jp
悠々と、自分らしく働く・暮らす

Uuwork.jp Starter Template

「悠々と、自分らしく働く・暮らす」

ゆとりと安心を届ける次世代ワーク＆ライフポータル。共通コンポーネント（@uu/ui）、 ブランドトークン（@uu/brand）、 Tailwindマルチテーマが設定済みのマスター雛形です。

リアルタイム・テーマプレビュー切り替え

共通 UI コンポーネント ショーケース (@uu/ui)

現在テーマ: default

ボタン・バリエーション (Button)

テーマ変数（Primary）に追従するボタンと、固定ブランドカラーボタン

固定ブランドカラーボタン:

モーダル・ダイアログ (Dialog)

Radix UI ベースのアクセシブルなモーダルダイアログ

ボタンをクリックして、アニメーション付きモーダルダイアログを開きます。

テキスト入力 (Input)

フォーカスリングにテーマカラーが自動適用される入力フィールド

カード構造 (Card)

ヘッダー・本文・フッターのモジュラー分割

CardHeader、CardTitle、CardDescription、CardContent、CardFooter を 組み合わせることで統一感のあるダッシュボードやコンテンツ一覧を素早く構築可能です。

ステータス: 稼働中

このテンプレートから新規アプリケーションを作成する方法

クイックスタートガイド（3ステップ）

apps/_template を複製して新しい Next.js アプリケーションを作成します。

  1. テンプレートの複製: apps/_template をコピーして新しいディレクトリ（例: apps/portal または apps/lp）を作成します。
  2. package.json の更新: 作成したアプリの package.json の "name" を "@uu/portal" 等に変更し、dev スクリプトのポート番号を割り当てます（例: 3000, 3001, 3002）。
  3. 依存解決と開発起動: ルートで pnpm install を実行し、pnpm dev で Turborepo 経由で並列開発サーバを起動します。
cp -r apps/_template apps/your-app-name
cd apps/your-app-name
# package.json の name とポート番号を変更
pnpm install
pnpm --filter @uu/your-app-name dev