AIエージェントで
従来のCMSインターフェースは、コンテンツとコードを分離させるため、開発スピードを低下させます。AIエージェント専用のCMSテンプレートであるGood Websiteを使用することで、Claude、Pi、Cursorをプロジェクトに直接迎え入れることができます。
AIエージェントで
従来のCMSインターフェースは、コンテンツとコードを分離させるため、開発スピードを低下させます。AIエージェント専用の<strong>AIエージェントCMSテンプレート</strong>であるGood Websiteを使用することで、Claude、Pi、Cursorをプロジェクトに直接迎え入れることができます。
厳格なエージェント開発者エクスペリエンス（ADX）の指示レイヤーにより、エージェントに新しい機能やレイアウトの構築を指示した際、Next.jsのコンポーネントや設定と安全に連携します。コードを生成するのはエージェントですが、すべての変更を安全にレビュー、テスト、デプロイする権限はあなたが保持します。
User:
ナビゲーションバーをフローティングで角丸のデザインにして、ミニマルなニュースレターセクションを追加して。
Agent:
Reading AGENTS.md
Updating src/components/Navbar.tsx
Creating src/components/Newsletter.tsx
完了しました！カスタムテーマ変数を適用し、モバイルでのレスポンシブ対応を確認しました。
SEOが
SEOに最適なWebサイトプラットフォームを探す際、一般的なチェックリスト以上のものが必要です。Good Websiteは、テクニカルSEOをアーキテクチャに直接組み込んでいます。
メタデータの
すべてのルートに対して動的なタイトルタグ、ディスクリプション、Open Graphデータを生成します。
構造化データ
Googleのリッチリザルトに対応するJSON-LDスキーマインジェクションを標準装備。
コアウェブバイタル
最適化された画像処理、レイアウトシフト（CLS）ゼロ、サーバーファーストのレンダリングにより、超高速なLCPを保証します。
セマンティックHTML5
厳格な見出し階層と、デフォルトでアクセシブルなマークアップを提供。
コードファーストな
開発者に所有権を取り戻す、SEOに最適化されたNext.js CMSを作成しました。Next.js 15+、App Router、React Server Components、Tailwind CSSで構築されており、完全に拡張可能です。
コードファーストのリポジトリであるため、SaaSのダッシュボードからカスタマイズ機能を「レンタル」する必要はありません。コンポーネントのロジック、デプロイモデル、コンテンツのライフサイクル全体を自分で所有できます。技術的なコントロールを犠牲にすることなくスピードを求めるチームにとって、究極のNext.js CMSテンプレートです。
Code-as-Contentと
真のコード・コンテンツCMSプラットフォームとして、一般的なMarkdownの制限を回避します。ブログ記事やページは、Tailwindのユーティリティを活用したフリーフォームのHTMLファイルです。つまり、あなたの記事は単なるテキストではなく、ミニアプリケーションなのです。
プロンプト
エージェントに指示します：'3カラムの機能グリッドを使用した価格比較記事を作成して。'
レビュー
エージェントが標準的なHTMLを src/content/posts フォルダ内に直接生成します。
検証
自動化ツールがスキーマとフォーマットをチェックし、完璧なSEOスコアを確保します。
デプロイ
Gitにコミットし、VercelやNetlify経由でシームレスにデプロイします。
組み込みの
当テンプレートは、Next.jsのi18nルーティングを使用して、ネイティブに複数言語をサポートしています。複雑な設定なしで、サイトのリーチを簡単に拡大できます。
コンテンツは辞書ファイルを通じて管理されるため、UI要素や動的なコンテンツをシームレスに翻訳できます。
また、
従来の
| 機能・性能 | Good Website | 従来のビルダー |
|---|---|---|
| コードの所有権 | 100% (GitHubリポジトリ) | データベース内にロック |
| AIエージェント互換性 | ネイティブ (ADX経由) | 限定的 / なし |
| SEOコントロール | プログラムによる完全な制御 | プラグインの基本フィールドのみ |
| 公開ワークフロー | Gitベースの差分管理 | ダッシュボードでのクリック操作 |
対象と
これは、コードエディタでの作業やGitリポジトリの管理に慣れている、開発者、インディーハッカー、テクニカルマーケター向けに高度に調整された、SEOフレンドリーなWebサイトビルダーです。
対象外と
コードに触れることなく、完全に視覚的なドラッグ＆ドロップエディタ、地域のWebデザインサービス、または設定を一切管理しない完成済みのホスト型ブログをお探しの場合は、Good Websiteは適していません。
始め方
- 1GitHubからリポジトリをクローンします。
- 2pnpm install を使用して依存関係をインストールします。
- 3config/site-meta.json でサイトの初期メタデータを設定します。
- 4Cursorでプロジェクトを開くか、Claude CodeまたはPi CLIを使用してコンポーネントの構築を開始します。
- 5コードベースをVercelやNetlifyなどのプラットフォームに直接デプロイします。
$ git clone https://github.com/orchidtexture/good-website.git
$ cd good-website
$ pnpm install
added 245 packages, and audited 246 packages in 3s
$ pnpm run dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Good Websiteへの
このテンプレートはオープンソースであり、貢献を歓迎します！新機能のアイデア、バグ報告、ドキュメントの改善など、GitHubでIssueまたはPull Requestを提出してください。
GitHubで見るよく
Q.AI CMSプラットフォームとは
AI CMSプラットフォームとは、人間がダッシュボードをクリックして操作するだけでなく、Claude、Pi、CursorなどのAIエージェントが操作、拡張、保守を行うために特別に設計されたコンテンツ管理システムです。
Q.これは
はい。Good Websiteは、最新のApp Router、React Server Components、Tailwind CSSを使用した、SEOに最適化されたNext.jsのCMSテンプレートです。サイトのコードファーストな基盤となるよう構築されています。
Q.どのように
テクニカルSEOをアーキテクチャ自体に組み込んでいます。JSON-LDスキーマ、メタデータ、カノニカルタグ、セマンティックHTML5を自動的に実装し、デフォルトで検索エンジンに対応できる状態を確保します。
Q.Claude、
もちろんです。リポジトリには厳格な AGENTS.md 指示レイヤーが含まれているため、お好みのAIエージェントがコンポーネントの生成、レイアウトの変更、コンテンツの作成方法を正確に理解できます。
Q.コードを
コードエディタ、Git、および基本的なデプロイの概念についての知識が必要です。AIエージェントがコードを書きますが、これは開発者中心のプロダクトであり、ソースコードの所有とレビューはあなた自身が行います。
Q.コンテンツモデルや
はい、無限に可能です。Code-as-Content（コードとしてのコンテンツ）モデルを採用しているため、定義済みのダッシュボードフィールドに制限されることはありません。エージェントに依頼して、記事内にカスタムのReactコンポーネントを直接構築することができます。
Q.SEOツールの
ベストプラクティスを自動化することで、テクニカルSEOプラグインの導入や手動でのスキーマ設定の手間を省くことができますが、キーワード調査やコンテンツ戦略の計画は引き続き必要です。
Q.どのような
コードに触れずに完全に視覚的なドラッグ＆ドロップエディタを使用したい方や、GitHubリポジトリを管理しない完成済みのホスティングソリューションをお探しの場合は、従来のノーコード（no-code）Webサイトビルダーの方が適しています。