Rebrand(リブランド)
リブランドの操作は src/config/app.ts(appConfig)という単一の表面で行います。この設定は、サイドバー(ロゴ + 名前 + ナビゲーション)、ルートドキュメントのhead要素(タイトル + 説明)、テーマプロバイダー、および認証ページ(ブランドヘッダー)で使用されます。これ以外の場所でプロダクト名やロゴをハードコードしないでください。
手順
-
src/config/app.tsを編集します:name— プロダクト名(サイドバー、<title>、認証ヘッダー)。description—<meta name="description">。logo— 任意のPhosphorアイコンコンポーネント(例:import { RocketIcon })。theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }。
-
ナビゲーションは
src/lib/sidebar-items.ts(mainMenuItems、bottomMenuItems)にあり、appConfig.navとして公開されています。アイテムの追加・削除・並び替えを行えます。// create-resource:anchorという行はそのまま維持してください(ジェネレーターがこの行の上に挿入します)。 -
テーマトークン(色)は
src/styles/app.css内のCSS変数(--primary、--chart-1..5、…)で、ライト用と.dark用があります。チャートやStatusChipは自動的に再テーマされます。
確認
bun run check を実行した後、アプリを読み込みます。サイドバー、ブラウザタブのタイトル、ログインページに新しいブランドが表示されます。appConfig のユニットテスト(src/config/app.test.ts)がナビゲーションの不変条件をチェックします。