Fastify と React の初期セットアップ用リポジトリを作った

• GitHub - neumann-tokyo/fastify-init
• GitHub - neumann-tokyo/react-init

express から Fastify に移行したいので初期セットアップ用のリポジトリを作った。 ついでに React の SPA 構築用のものも用意した。

Fastify-init

• GitHub - neumann-tokyo/fastify-init

Node.js 21 以上の動作を想定。 VS Code の devcontainer で開発できるようにしてある。

devcontainer を立ち上げたときに一緒に docker compose で PostgreSQL が起動して即 DB が使える。 migration は golang-migrate/migrate で JS に依存せずに SQL ファイルからマイグレーションする設計にしてある。

Formatter, Linter として Pritter や ESLint から Biome に変えてみた。 まだ CSS や HTML などは対応されてないけどいったん良さそう。早いので快適。 pre-commit ツールも husky から leafhook に変更した。

テストツールはひとまず node test にしてある。

DB へのアクセス関係のツールはまだ入れてないけど、個人的な好みとしては Kysely が良いと思う。

React-init

• GitHub - neumann-tokyo/react-init

vite, react-router-dom による React SPA 構成用の初期セットアップリポジトリ。

chakra-ui で CSS を書かずにデザインを構築可能。

こちらも biome による Lint, Format が動くようにしてある。

テストは vitest, happy-dom で動くようにした。フロント用はこれが最近のトレンドとして良い気がする。

一応、本番環境用に docker compose で nginx や ngrok が動くようにしてあるがこれは完全に自宅サーバー用。