js で Linter, Formatter といえば ESLint, Prettier がデファクトスタンダードでしたが、最近は Biome という Rust 製のツールが注目を集めています。

Biome のサイトトップには以下の文言が並びます。

Web 開発のためのたった 1 つのツールチェーン
Biome は JavaScript、TypeScript、JSX そして JSON のための高速な formatter であり、Prettier と 97%の互換性を持ち、CI と開発者の時間を節約します。
Biome は JavaScript、TypeScript そして JSX のための高性能な linter であり、ESLint、typescript-eslint、その他のソースに由来する 200 以上のルール を備えています。

ESLint と Prettier の両方を入れて設定と思うと腰が重いですが、Biome はひとつで二役を担ってくれるようです。
設定も簡単との触れ込みで、期待が高まります。

Next を使って何かしてみたい。せっかくだし話題の App Router で作りたい。
さらにさらに Cloudflare Pages も気になるなぁ

と最近思っていたことを一気に叶えるためにブログを構築しました。
理解不足で色んな躓きをしたので、自分の整理をかねて何回かにわたって構築を振り返ります。