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
あなたはこれを得た
Reference
この問題について(NetLifyの上でnextjsを展開すること-スターターテンプレート), 我々は、より多くの情報をここで見つけました https://dev.to/chrisdevcode/deploying-nextjs-on-netlify-starter-template-4gamテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol