Skip to content

konjacbot: sync docs@304c54a #389

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 43 additions & 0 deletions docs/01-app/01-getting-started/11-deploying.mdx
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
---
title: 'Next.js アプリケーションのデプロイ方法'
nav_title: 'デプロイ'
description: 'Next.js アプリケーションのデプロイ方法を学びましょう。'
---

Next.js アプリのデプロイ準備が整ったら、[マネージドインフラストラクチャプロバイダー](#managed-infrastructure-providers)を選択するか、アプリケーションを[セルフホスティング](#self-hosting)することができます。

## マネージドインフラストラクチャプロバイダー {#managed-infrastructure-providers}

マネージドプラットフォームは、Next.js アプリのデプロイにおいて実用的な選択肢です。これらのプロバイダーは、ホスティング、スケーリング、サーバー構成を代行してくれます。

Next.js の作成者およびメンテナーである [Vercel](https://vercel.com/docs/frameworks/nextjs?utm_source=next-site&utm_medium=docs&utm_campaign=next-website) は、**フル機能サポート**と**ゼロ構成**でアプリケーションをデプロイすることを可能にします。

- [Vercel 上の Next.js についてさらに学ぶ](https://vercel.com/docs/frameworks/nextjs?utm_source=next-site&utm_medium=docs&utm_campaign=next-website)
- [テンプレートをデプロイして](https://vercel.com/templates/next.js?utm_source=next-site&utm_medium=docs&utm_campaign=next-website) Vercel 上で Next.js を試す

また、以下のコミュニティが管理するデプロイテンプレートもあります:

- [Deno](https://github.com/nextjs/deploy-deno)
- [Flightcontrol](https://github.com/nextjs/deploy-flightcontrol)
- [Railway](https://github.com/nextjs/deploy-railway)
- [Render](https://github.com/nextjs/deploy-render)
- [SST](https://github.com/nextjs/deploy-sst)

各プロバイダーのドキュメントを参照して、サポートされている Next.js の機能についての情報を確認してください。

## セルフホスティング {#self-hosting}

セルフホスティングは、独自のサーバーのプロビジョニング、コンテナの管理、スケーリングを自分で行うことを意味する場合があります。Next.js をセルフホスティングする方法は3つあります:

- [Node.js サーバー](/docs/app/building-your-application/deploying#nodejs-server)
- [Docker コンテナ](/docs/app/building-your-application/deploying#docker-image)
- [静的エクスポート](/docs/app/building-your-application/deploying#static-html-export)

以下のセルフホスティングプロバイダーに関するコミュニティが管理するデプロイ例があります:

- [DigitalOcean](https://github.com/nextjs/deploy-digitalocean)
- [Fly.io](https://github.com/nextjs/deploy-fly)
- [GitHub Pages](https://github.com/nextjs/deploy-github-pages)
- [Google Cloud Run](https://github.com/nextjs/deploy-google-cloud-run)

> **🎥 視聴:** Next.js のセルフホスティングについてさらに学ぶ → [YouTube (45 分)](https://www.youtube.com/watch?v=sIVL4JMqRfc).
36 changes: 28 additions & 8 deletions docs/01-app/01-getting-started/12-upgrading.mdx
Original file line number Diff line number Diff line change
@@ -1,32 +1,52 @@
---
title: 'アップグレード'
description: 'Next.jsアプリケーションを最新バージョンにアップグレードする方法を学びます。'
title: 'Next.js アプリをアップグレードする方法'
nav_title: 'アップグレード'
description: 'Next.js アプリケーションを最新バージョンにアップグレードする方法を学びます。'
related:
title: 'バージョンガイド'
description: '詳細なアップグレード手順については、バージョンガイドをご覧ください。'
links:
- 'app/building-your-application/upgrading/version-15'
- 'app/building-your-application/upgrading/version-14'
- 'app/guides/upgrading/version-15'
- 'app/guides/upgrading/version-14'
---

## 最新バージョン {#latest-version}

Next.jsを最新バージョンに更新するには、`upgrade` codemodを使用できます
Next.js を最新バージョンに更新するには、`upgrade` codemod を使用します

```bash title="Terminal"
npx @next/codemod@canary upgrade latest
```

手動でアップグレードしたい場合は、最新のNext.jsとReactのバージョンをインストールしてください
手動でアップグレードしたい場合は、最新の Next.js と React のバージョンをインストールしてください

```bash title="Terminal"
npm i next@latest react@latest react-dom@latest eslint-config-next@latest
```

## Canaryバージョン {#canary-version}
## Canary バージョン {#canary-version}

最新のcanaryに更新するには、まずNext.jsの最新バージョンを使用しており、すべてが期待通りに動作していることを確認してください。その後、次のコマンドを実行します:
最新の canary に更新するには、まず Next.js の最新バージョンを使用しており、すべてが期待通りに動作していることを確認してください。その後、次のコマンドを実行します:

```bash title="Terminal"
npm i next@canary
```

### Canary で利用可能な機能 {#features-available-in-canary}

現在、canary で利用可能な機能は以下の通りです:

**キャッシング**:

- [`"use cache"`](/docs/app/api-reference/directives/use-cache)
- [`cacheLife`](/docs/app/api-reference/functions/cacheLife)
- [`cacheTag`](/docs/app/api-reference/functions/cacheTag)
- [`dynamicIO`](/docs/app/api-reference/config/next-config-js/dynamicIO)

**認証**:

- [`forbidden`](/docs/app/api-reference/functions/forbidden)
- [`unauthorized`](/docs/app/api-reference/functions/unauthorized)
- [`forbidden.js`](/docs/app/api-reference/file-conventions/forbidden)
- [`unauthorized.js`](/docs/app/api-reference/file-conventions/unauthorized)
- [`authInterrupts`](/docs/app/api-reference/config/next-config-js/authInterrupts)
Loading