Next.js は Vercel との相性がよく、フレームワークの設定をほぼ書かずにデプロイできます。

いちばん簡単な流れ

  1. GitHub(または GitLab / Bitbucket)にリポジトリを置く
  2. Vercel でそのリポジトリを Import する
  3. Framework Preset が Next.js になっていることを確認して Deploy

これで main への push が本番反映になります。

CLI から出す場合

アカウントにログイン済みなら、プロジェクト直下で次でも公開できます。

npx vercel --prod

このブログの構成

  • src/app … ページとレイアウト
  • src/lib/posts.ts … Markdown の読み込み
  • content/posts … 記事本体

記事を増やしたら、コミットしてデプロイするだけでサイトが更新されます。