NetLifyの上でnextjsを展開すること-スターターテンプレート

3725 ワード


生産へのnextjsの配備
デフォルトでは、NextJSアプリケーションは、ゼロ構成でVercelに簡単に展開可能です.それは、あなたが他のプラットホームが提供しなければならないものを調査してはいけないことを意味しません.
NextJSアプリケーションを配備するには、次の手順に従ってください.あなたがハッスルなしでまっすぐに始めたいならば、下記のボタンを使ってください


NetLifyアカウントを作成する
ブラウザで、あなたのNetLifyアカウントを作成するhttps://app.netlify.com/signupに移動します.

最善の方法を選択します(私はGithubを使います).

次のプロジェクトを準備します
プロジェクトに依存する@netlify/plugin-nextjsをインストールします
npm i @netlify/plugin-nextjs

NextJSプロジェクトのルートで、ファイルに次のコードを作成します.
[build]
  command = "npm run build"
  publish = ".next"

[[plugins]]
  package = "@netlify/plugin-nextjs"

Ensure to update and commit changes on GitHub



Netlifyに配備する
展開するには、あなたのnetlifyダッシュボード、https://app.netlify.com/にヘッドをクリックし、netlify.tomlタブでAdd New Siteボタンで作成します.

ドロップダウンから、Siteを選択します.

あなたは新しいページに連れて行かれて、Gitプロバイダーを選ぶよう頼まれます.

プロジェクト内のリポジトリを選択し、サイトを展開します.Import an Existing Projectの下で何も変えないでください.
Basic build settingsボタンをクリックし、完了するのを待ちます.
展開が成功すると、あなたは行く準備ができています!

Netlify offers automatic deploys once you push a commit, and provides a preview link for the build! That is very useful!


デモサイトを見る
ソースを表示:https://nextnetlifystarter.netlify.app/
https://github.com/achingachris/next-netlify-starter

あなたはこれを得た