Next.jsアプリケーションをNowにデプロイする

Nowを使用してNext.jsアプリを簡単かつシームレスにデプロイする方法

Zeitは現在呼ばれていますヴェルセル、このチュートリアルは古くなっている可能性があります

Next.jsアプリを実際のWebサーバーにデプロイして、他の人がアクセスできるようにするにはどうすればよいですか?

Nextアプリケーションをデプロイする最も簡単な方法の1つは、によって作成されたプラットフォームZeit、オープンソースプロジェクトNext.jsを作成したのと同じ会社。 Nowを使用して、Node.jsアプリ、静的Webサイトなどをデプロイできます。

これで、アプリのデプロイと配布の手順が非常にシンプルかつ高速になり、Node.jsアプリに加えて、Go、PHP、Python、その他の言語のデプロイもサポートされます。

アプリがどこにデプロイされるかは実際にはわからないため、「クラウド」と考えることができますが、そこにアクセスできるURLがあることはわかっています。

現在、100GBのホスティング、1000を含む寛大な無料プランで、無料で使用を開始できますサーバーレス1日あたりの関数呼び出し、1か月あたり1000ビルド、1か月あたり100 GBの帯域幅、および1つCDNロケーション。ザ・価格ページさらに必要な場合は、コストのアイデアを得るのに役立ちます。

インストール

Nowの使用を開始する最良の方法は、公式のNowCLIを使用することです。

npm install -g now

コマンドが利用可能になったら、実行します

now login

そしてアプリはあなたにあなたのメールアドレスを尋ねます。

まだ登録していない場合は、でアカウントを作成してくださいhttps://zeit.co/signup続行する前に、CLIクライアントに電子メールを追加してください。

これが完了したら、Next.jsプロジェクトのルートフォルダーから実行します

now

アプリはすぐにNowクラウドにデプロイされ、一意のアプリURLが提供されます。

実行したらnowプログラムでは、アプリは下のランダムなURLにデプロイされますnow.shドメイン。

画像に示されている出力には、3つの異なるURLが表示されています。

なぜそんなに多いの?

1つ目は、デプロイを識別するURLです。アプリをデプロイするたびに、このURLは変更されます。

プロジェクトコードの何かを変更して実行することで、すぐにテストできますnow再び:

他の2つのURLは変更されません。 1つ目はランダムなもので、2つ目はプロジェクト名です(デフォルトでは現在のプロジェクトフォルダー、アカウント名、そしてnow.sh)。

URLにアクセスすると、アプリが本番環境にデプロイされていることがわかります。

独自のカスタムドメインまたはサブドメインにサイトを提供するようにNowを構成できますが、現時点では詳しく説明しません。

ザ・now.shテスト目的にはサブドメインで十分です。

私の無料ダウンロードNext.jsハンドブック


その他の次のチュートリアル: