LoginSignup
1
0
@yhida0702

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

Last updated at Posted at 2024-02-21

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

今回利用するもの

  • 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. サイトが公開されていることを確認
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
1
0