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 ルート・スタイル・ルートレイアウトを接続します。完了後、開発サーバーでチャットウィジェットの表示を確認します。

Next.js 組み込みガイドを開く