arch-nuxt

arch-nuxt は Nuxt 4 向けの Vitesse スタイルのスターターです。SSR、ファイルベースのルーティング、自動インポート、そして独自のスタック（Vite、UnoCSS、Pinia、VueUse、ColorMode、VitePWA）を備えています。最小限で本番環境に対応したセットアップを提供します。app/ 構成、レイアウト、コンポーザブル、HMR 対応の Pinia ストア、サーバー API、PWA 設定、UnoCSS が含まれます。Vite を利用する Nuxt を優先し、webpack やその他のバンドラーは対象外としてください。

このスキルは vitesse-nuxt（arch-nuxt のソース）を基にしており、2026-01-30 に生成されました。

推奨プラクティス：

• Vite を利用する Nuxt を優先し、webpack やその他のバンドラーは使用しないでください
• グローバル／クライアントの状態には Pinia を使用し、適切な場合は SSR で共有する状態に useState を使用してください
• PWA 設定は app/config/pwa.ts に置き、nuxt.config.ts でスプレッドしてください

コアリファレンス

トピック	説明	リファレンス
概要	プロジェクトの目的、構成、スタック、使用する場面	core-overview
Nuxt 設定	defineNuxtConfig、モジュール、アプリの head、nitro、experimental	core-nuxt-config
アプリ構成	app/、app.vue、NuxtLayout、NuxtPage	core-app-structure
スクリプト	build、dev、generate、preview、typecheck、dev:pwa	core-scripts
定数	app/constants、appName、appDescription	core-constants
ESLint	@antfu/eslint-config、Nuxt append	core-eslint

機能

トピック	説明	リファレンス
レイアウト	レイアウトシステム、definePageMeta layout	features-layouts
コンポーザブル	useCount、useState、自動インポート	features-composables
Pinia の状態管理	useUserStore、defineStore、HMR	features-pinia-state
サーバー API	defineEventHandler、server/api	features-server-api
PWA	VitePWA 設定、マニフェスト、workbox、開発用 PWA	features-pwa
UnoCSS	uno.config.ts、ショートカット、プリセット、アイコン	features-unocss
ColorMode	useColorMode、DarkToggle、theme-color メタ	features-color-mode
コンポーネント	自動インポート、Counter、Footer、NuxtLink	features-components
クライアントのみ	ClientOnly、Suspense、useOnline、フォールバック	features-client-only
データ取得	useFetch、useTimeAgo、非同期コンポーネントのデータ	features-data-fetching

ベストプラクティス

トピック	説明	リファレンス
ルーティング	ファイルベースのルーティング、動的ルート／キャッチオールルート	best-practices-routing
ページメタ	definePageMeta、レイアウトの選択	best-practices-page-meta