#Next.js

Web開発 2026年8月28日

1 何を作るか｜Vercel が引き受ける範囲と、引き受けない範囲

問い合わせフォームと管理画面を Next.js + Vercel で作る全7章の第1章。完成形の全体像と、Vercel が担当するホスティング・実行環境・配信の範囲、そして自前では持たないデータベースの扱いを最初に切り分けます。

Vercel カリキュラム Next.js
Web開発 2026年8月28日

2 環境を用意する｜Next.js プロジェクトと Vercel CLI

Next.js の App Router プロジェクトを作り、Vercel CLI をインストールしてアカウントとリンクするまでを扱います。ローカル開発で npm run dev と vercel dev のどちらを使うべきか、公式の推奨とあわせて整理します。

Vercel カリキュラム Next.js
Web開発 2026年8月28日

4 フォームを受け取る｜Route Handlers と Server Actions

問い合わせフォームの送信をサーバー側で受け取ります。Route Handlers と Server Actions の違いと使い分け、外部入力の検証、ボディサイズ上限、Vercel Functions のランタイムと実行時間の考え方を扱います。

Vercel カリキュラム Functions