AI 製品
AI プロダクトスタジオのプラットフォーム
ブランド、コンテンツ、AI コンサルティング、プロジェクト、将来の製品入口をつなぐ企業プラットフォーム。

YHTEK公開日 2026-07-10更新日 2026-07-105 分で読めますNuxtコンテンツ基盤AI 開発プロセス
概要
企業の位置づけ、サービス、プロジェクト、記事、将来の AI アシスタント入口をつなぐコンテンツ基盤。
課題
従来型の会社サイトではなく、製品・コンテンツ・AI コンサルティングへ拡張できる基盤を検討。
解決方針
Nuxt Content、再利用可能なコンポーネント、SEO、検索、サイトマップ、動的ルートで構成。
システム構成
Nuxt 4、Nuxt Content、API 検索、RSS、サイトマップと将来のバックエンド連携。
技術構成
- Nuxt 4
- Vue 3
- TypeScript
- Nuxt Content
- Nuxt Image
進行ステップ
- ブランド基盤
- 情報設計
- UX 設計
- デザインシステム
- マーケティング MVP
- コンテンツ基盤
成果
- Markdown 中心のコンテンツモデル
- プロジェクトと記事の動的ルート
- 検索対応のコンテンツ集約
得られた知見
- UI を拡張する前にコンテンツ構造を安定させること。
- RAG を追加する前にシンプルな検索から始めること。
会社サイトを、構造化された製品・コンテンツシステムへと発展させる基盤です。
flowchart LR
Content[Markdown Content] --> Nuxt[Nuxt Content]
Nuxt --> Pages[Dynamic Routes]
Nuxt --> Search[Search API]
Pages --> SEO[SEO Metadata]