Vercelでアプリをデプロイする

Next.jsのアプリケーションをデプロイします。

Next.jsはNode.js v10が動くことが要件なので、様々なプラットフォームで動作します。

今回は、Vercel(元nowという名称)を試してみます。(Next.jsの開発元) Deployまでの道筋が示してあるのはポイントだし、安心感が高いです。

How to Deploy for Next.js Project

https://nextjs.org/ から、右上のDeploy...にアクセスします。

 Projectのインポート画面が表示されます。(初回の場合はAuth画面)

From Git Repositoryをクリックし、GitHubのページをクリックすると、Repositoryにあるプロジェクトが表示されます。

該当のプロジェクトを選択して次に進みます。
ビルドコマンドや、デプロイコマンドをオプショナルで変更できそう。中身で判断したのか、Next.jsを自動で選択されていました。

おーー、すごい！ドメインが生えてきた。(ここまでコードは1行もなしw)

https://nextjs-study-weld.now.sh/

中身をみます。おお。。。/pages/list.jsをコミットするのを忘れてました。

コミットしてmasterにpushします。

何と自動更新された模様。GitHubのページと連携して自動的に更新されるようです。
masterにマージすればデプロイは難しいこと考えなくて良いですね！！

GitHubフローだとmaster = プロダクションなので、PRでブロック出来ればそれで良さそう

Next

プロジェクトが何の資料もなく、一発でデプロイできました。(ほんと凄い！)

本番運用を考えると以下が気になります。引き続き調べていこうっと

• カスタムサーバー(expressはどうか)
• ブランチを指定できる？
• ドメインはどう指定する？
• データベースやストレージなどの連携は？
• キャッシュはどうする？
• 負荷対策やレイテンシは(スケールアウト、スケールインは)？
• 料金...？
• その他、Vercelの機能(プレビューモードなど)