Next.js
はじめ方:2 フェーズで導入完了まで
CSide の埋め込みは Next.js(App Router)のみ対応です。まずコンソールで AI と資格情報を用意し(フェーズ 1)、続けて Next.js アプリに SDK を組み込みます(フェーズ 2)。詳細は統合ガイドを参照してください。
1st フェーズ
AI 設定
CSide コンソールでワークスペースとプロジェクトを用意し、エージェント(案内・ナレッジ・ルールやスコープ)を設定します。API キーとエージェント ID を取得し、開発用の .env.local に記載します。
- アカウント作成とプロジェクトの準備
- テンプレートやウィザードで初期案内のたたき台を作る
- ルール・公開範囲の調整と公開
CSIDE_API_KEYとCSIDE_AGENT_IDを控える
2nd フェーズ
サイトへの組み込み
Next.js(App Router)のリポジトリに cside-sdk を追加し、API ルート・スタイル・ルートレイアウトを接続します。完了後、開発サーバーでチャットウィジェットの表示を確認します。
