学習向けに Next.js の SandBox をローカルに構築する

こんにちはフロントエンドエンジニアの茶木です。 最近は学習用の Next.js の ローカルの SandBox を育てています。 学習用の開発環境の重要性実際のプロジェクトのコードは、プロジェクトの進行に合わせて蓄積されます。 あるコードを理解するとき、プロジェクトが成熟しているほど、そのコードは学習難度は高い傾向にあります。その理由はいくつかあります。 プロジェクト特有の機能に対応したためやむを得ず標準的でない方法で実装したため周辺のコードが増えたため そこで、実際のプロジェクトとは切り離された、学習用の SandBox を育てておくと、軽いフットワークで学習や実験ができると考えます。 今回作る SandBox の概要TypeScript を標準装備の Next.js 環境を作ります。APIのコール周りを準備します。Next.js の API route 機能を利用します。 （具体的には