初サイト制作メモ1: VercelとNext.jsのセットアップ→サイト公開

※備忘録用。誤った記載があるかもしれません。コメントで教えていただければ嬉しいです

今回利用するもの

• Vercel
  Webホスティングサービス。CI/CDとWebサーバーが合わさったサービス。
  無料で始めることができ、GitHubなどのリポジトリと連携することで手軽にアプリケーションをデプロイすることが可能。

• Next.js
  ReactベースのフルスタックWebアプリケーションフレームワーク。
  Reactはクライアントサイドのみをサポートするが、Next.jsはサーバサイド機能もサポートする。

Next.jsの導入

1. githubでサイト制作用リポジトリを作成
2. create-next-appを用いてNextjsアプリを構築
   • こちらを参考にさせていただきました
3. yarn devでサイトが表示されることを確認

サイトのデプロイ

後でドメインはちゃんと用意するとして、とりあえずデプロイしてみる。

1. Vercelにアクセス
2. 今回作成のリポジトリをインポート
3. 「Deploy」ボタンを押下
4. サイトが公開されていることを確認