diff --git a/src/content/docs/ja/guides/cms/buttercms.mdx b/src/content/docs/ja/guides/cms/buttercms.mdx
index 487decbde59f0..86413406a7a71 100644
--- a/src/content/docs/ja/guides/cms/buttercms.mdx
+++ b/src/content/docs/ja/guides/cms/buttercms.mdx
@@ -4,6 +4,7 @@ description: ButterCMSを使ってコンテンツをAstroプロジェクトへ
type: cms
service: ButterCMS
stub: false
+i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
@@ -13,6 +14,10 @@ ButterCMSは、プロジェクトで利用できる構造化されたコンテ
## Astroとの連携
+:::note
+完全なブログサイトの例については、[Astro + ButterCMS スタータープロジェクト](https://buttercms.com/starters/astro-starter-project/)をご覧ください。
+:::
+
このセクションでは、[ButterCMS SDK](https://www.npmjs.com/package/buttercms)を使ってデータをAstroプロジェクトに取り込む方法を解説します。
始めるには以下の手順に従ってください。
@@ -29,42 +34,42 @@ ButterCMSは、プロジェクトで利用できる構造化されたコンテ
1. `.env`ファイルをプロジェクトのルートディレクトリに作成し、環境変数にAPIトークンを追加します。
-```ini title=".env"
-BUTTER_TOKEN=APIトークンをここに記載
-```
+ ```ini title=".env"
+ BUTTER_TOKEN=APIトークンをここに記載
+ ```
-:::tip
-[環境変数](/ja/guides/environment-variables/)のAstroの`.env`ファイルについてをご覧ください。
-:::
+ :::tip
+ [環境変数](/ja/guides/environment-variables/)のAstroの`.env`ファイルについてをご覧ください。
+ :::
2. ButterCMS SDKを依存関係としてインストールします。
-
-
- ```shell
- npm install buttercms
- ```
-
-
- ```shell
- pnpm install buttercms
- ```
-
-
- ```shell
- yarn add buttercms
- ```
-
-
+
+
+ ```shell
+ npm install buttercms
+ ```
+
+
+ ```shell
+ pnpm add buttercms
+ ```
+
+
+ ```shell
+ yarn add buttercms
+ ```
+
+
3. プロジェクトに`src/lib/`を作り、そこへ`butter.cms.js`を作成します。
-```js title="src/lib/buttercms.js"
-import Butter from "buttercms";
+ ```js title="src/lib/buttercms.js"
+ import Butter from "buttercms";
-export const butterClient = Butter(import.meta.env.BUTTER_TOKEN);
-```
+ export const butterClient = Butter(import.meta.env.BUTTER_TOKEN);
+ ```
-これは、APIトークンを使用してSDKの認証を行い、プロジェクト全体で利用するためにエクスポートします。
+**これは、APIトークンを使用してSDKの認証を行い、プロジェクト全体で利用するためにエクスポートします。**
### データを取得する
@@ -122,6 +127,7 @@ const fields = pageData.fields as Fields;
### もっと詳しく
+- [Astro + ButterCMS スタータープロジェクト](https://buttercms.com/starters/astro-starter-project/)
- [完全なButterCMS APIドキュメント](https://buttercms.com/docs/api/)
- ButterCMSの[JavaScriptガイド](https://buttercms.com/docs/api-client/javascript/)