VercelにNext.jsアプリをデプロイする方法

Vercelは2015年にリリースされたNext.jsに最適化されたホスティングサービスです。VercelはNext.jsを作ったチームによって作られており、Next.jsのアプリをデプロイするのに特別な設定はいりません。本稿では既にローカルの環境にNext.jsで作成したWebアプリがあるとして、それをVercelにデプロイする方法をご紹介します。環境変数の設定方法についても解説いたします。

VercelにNext.jsアプリをデプロイする方法

Vercelは2015年にリリースされたNext.jsに最適化されたホスティングサービスです。VercelはNext.jsを作ったチームによって作られており、Next.jsのアプリをデプロイするのに特別な設定はいりません。本稿では既にローカルの環境にNext.jsで作成したWebアプリがあるとして、それをVercelにデプロイする方法をご紹介します。環境変数の設定方法についても解説いたします。

How to create a new repository on the GitHub

The table of contents of this article are as follows: 1 Create a new repo page on the GitHub, 2 Local git settings, 3 Pushing your local project to the GitHub, 4 Creating a branch, 5 How to clone an existing project, 6 Forking a project before cloning it

Recoilの仕組みと使い方

RecoilはReactのグローバルの状態管理ライブラリーで、Reduxとの比較では簡単で使いやすのが特徴です。FaceBook（Meta）が2020年に発表し、2022年1月にはRecoil 0.6がリリースされました。2022年以降にReactを学び始めた方は、やむを得ない場合を除き、Reduxのことは忘れて、Recoilを学べばいいと思います（個人的にはReduxはもはや不要とすら思える）。本稿ではRecoilの仕組み・初期設定・使い方を詳しく解説いたします。初期設定は、ReactとNext.jsの両方で解説いたします。