diff --git a/src/content/docs/ja/guides/deploy/netlify.mdx b/src/content/docs/ja/guides/deploy/netlify.mdx index 183f9f9e4bbab..ad2453352d023 100644 --- a/src/content/docs/ja/guides/deploy/netlify.mdx +++ b/src/content/docs/ja/guides/deploy/netlify.mdx @@ -10,15 +10,17 @@ i18nReady: true ## プロジェクトの設定 -Astroプロジェクトは、静的サイト、サーバーレンダリングサイト、(実験的な)エッジレンダリングサイトの3つの異なる方法でNetlifyにデプロイできます。 +Astroプロジェクトは、静的サイト、サーバーレンダリングサイト、エッジレンダリングサイトの3つの異なる方法でNetlifyにデプロイできます。 ### 静的サイト Astroプロジェクトは、デフォルトでは静的サイトです。Netlifyに静的Astroサイトをデプロイするために、特に追加の設定は必要ありません。 -### SSR/Edge用のアダプターを追加する +### SSR用のアダプターを追加する -AstroプロジェクトでSSRを有効にし、Netlifyにデプロイするには、以下の`astro add`コマンドで[Netlifyアダプター](/ja/guides/integrations-guide/netlify/)を追加します。これにより、アダプターがインストールされ、`astro.config.mjs`ファイルが1つのステップで適切に変更されます。 +AstroプロジェクトでSSRを有効にし、NetlifyのEdge Functionsを使用してNetlifyにデプロイするには: + +以下の`astro add`コマンドで[Netlifyアダプター](/ja/guides/integrations-guide/netlify/)を追加し、AstroプロジェクトでSSRを有効にします。これによりアダプターがインストールされ、`astro.config.mjs`ファイルに適切な変更が1ステップで行われます。 ```bash npx astro add netlify @@ -26,10 +28,10 @@ npx astro add netlify アダプターを手動でインストールする場合は、以下の2つのステップを実行してください。 -1. [`@astrojs/netlify`アダプター](https://github.com/withastro/astro/tree/main/packages/integrations/netlify)を、パッケージマネージャーを使ってプロジェクトの依存関係にインストールします。npmをパッケージマネージャーとして使用しているかどうかわからない場合は、ターミナルで以下のコマンドを実行します。 +1. [`@astrojs/netlify`アダプター](/ja/guides/integrations-guide/netlify/)を、パッケージマネージャーを使ってプロジェクトの依存関係にインストールします。npmをパッケージマネージャーとして使用しているかどうかわからない場合は、ターミナルで以下のコマンドを実行します。 ```bash - npm install @astrojs/netlify + npm install @astrojs/netlify ``` 1. `astro.config.mjs`プロジェクト設定ファイルに新しく以下の2行を追加します。 @@ -44,15 +46,18 @@ npx astro add netlify }); ``` - [Netlifyの実験的Edge Functions](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/#app)を使ってプロジェクトをレンダリングするには、Astro設定ファイルの`netlify/functions`インポートを`netlify/edge-functions`に変更します。 - ```js title="astro.config.mjs" ins={3} del={2} + Netlifyアダプターの設定に`edgeMiddleware: true`を追加することで、NetlifyのEdge Functionsを使用してプロジェクトをデプロイすることもできます。 + + ```diff lang="js" + // astro.config.mjs import { defineConfig } from 'astro/config'; import netlify from '@astrojs/netlify/functions'; - import netlify from '@astrojs/netlify/edge-functions'; export default defineConfig({ output: 'server', - adapter: netlify(), + adapter: netlify({ + + edgeMiddleware: true + }), }); ``` @@ -133,4 +138,4 @@ Netlify FunctionsとAstroを併用して使う場合、特別な設定は必要 - [Astroサイトのデプロイ方法](https://www.netlify.com/blog/how-to-deploy-astro/) — Netlifyブログ - [フォーム、サーバーレスファンクション、リダイレクトを利用したAstroサイトのデプロイ](https://www.netlify.com/blog/deploy-an-astro-site-with-forms-serverless-functions-and-redirects/) — Netlifyブログ -- [開発の実演動画](https://youtu.be/GrSLYq6ZTes) — Netlify YouTubeチャンネル \ No newline at end of file +- [開発の実演動画](https://youtu.be/GrSLYq6ZTes) — Netlify YouTubeチャンネル diff --git a/src/content/docs/ja/reference/configuration-reference.mdx b/src/content/docs/ja/reference/configuration-reference.mdx index 86f1712df9e11..4e7f723ceb055 100644 --- a/src/content/docs/ja/reference/configuration-reference.mdx +++ b/src/content/docs/ja/reference/configuration-reference.mdx @@ -268,7 +268,7 @@ Astroコンポーネント内のスタイルをスコープするための戦略 **データ型:** `AstroIntegration`

-ビルドアダプターにより、好みのサーバー、サーバーレス、エッジのホストにデプロイできます。[Netlify](/ja/guides/deploy/netlify/#ssredge用のアダプターを追加する)や[Vercel](/ja/guides/deploy/vercel/#ssrアダプター)などのファーストパーティーのアダプターをインポートし、AstroのSSRを活用しましょう。 +ビルドアダプターにより、好みのサーバー、サーバーレス、エッジのホストにデプロイできます。[Netlify](/ja/guides/deploy/netlify/#ssr用のアダプターを追加する)や[Vercel](/ja/guides/deploy/vercel/#ssrアダプター)などのファーストパーティーのアダプターをインポートし、AstroのSSRを活用しましょう。 SSRについて詳しくは[サーバーサイドレンダリングのガイド](/ja/guides/server-side-rendering/)を、ホストの完全な一覧は[デプロイのガイド](/ja/guides/deploy/)を確認してください。