【無料配布】Nuxt 3 ミニマル・ダーク企業サイト/ポートフォリオ用テンプレート - Template 02
皆さん、こんにちは！**老爹テンプレート（Daddy Template）**です。
本日、細部までこだわり抜いて制作した第2弾のウェブサイトテンプレート —— Template 02 を公開します。このテンプレートは、「高級感のあるダークモード」と「ミニマルなテックスタイル」を主軸にした汎用企業サイト/製品展示用テンプレートです。「開発コストを抑えつつ、一目で『高品質』だとわかるサイトを作りたい」という方に最適です。
🌟 テンプレートの特長
- 高級感のあるダークモード: 深みのある背景に柔らかなブルーの微光（Blue Glow）を組み合わせ、大手テック企業のような洗練された質感を実現。
- シームレスなGSAPアニメーション: GSAPを深く統合。
- ワード・リビール: 見出し文字が呼吸するように一つずつ浮かび上がる演出。
- スクロール・トリガー: スクロールに合わせて画像やコンテンツが滑らかに表示され、唐突さを排除。
- 充実した機能モジュール:
- ヒーロー・ビデオ: 高解像度ビデオ背景に対応し、ロゴ・マーキーも統合。
- 製品カテゴリーページ: フォルダ構造に基づいて自動的にカテゴリーグリッドを生成。
- 製品詳細ページ: Markdown (Nuxt Content) レンダリングを完備し、高品質なデータテーブルやリストもサポート。
- 問い合わせシステム: 洗練されたコンタクトフォームを内蔵し、ロジックも構築済み。
- モダンな技術スタック: 最新の Nuxt 3 + Tailwind CSS v4 をベースに開発。抜群のパフォーマンスとSEO対策を両立。
🛠️ 開発は驚くほどシンプル
すべての設定（テキスト、画像パス、SEO情報）が app.config.ts に集約されています。一つのファイルを編集するだけで、すぐにサイトを公開できます。
📸 デモとソースコード
- 🚀 デモサイト: デモを見る (Demo)
- 📦 ソースコード: GitHub リポジトリ
- 📝 ドキュメント: ドキュメントを見る
- 小紅書 (XHSS): 記事を見る
- X (Twitter): 記事を見る
⚙️ 技術仕様
- フレームワーク: Nuxt 3
- スタイル: Tailwind CSS v4
- アニメーション: GSAP (GreenSock) + ScrollTrigger
- アイコン: Lucide Vue Next
- コンテンツ管理: Nuxt Content (Markdown support)
- バリデーション: Vee-Validate + Yup
