Next.js 初期設定テンプレを用意する

概要

Authors: ykk

「next13-template」はNext13 で開発を行うときに、毎回環境構築を行うのが手間だったために作成したテンプレートリポジトリです。ESLint や Prettier だけでなく、husky や jest、reviewdog を設定しています。

以下の記事を参考に自分なりに変更しています。

Next.js: ウェブアプリケーションのフレームワークとして使用。サーバーサイドレンダリングや静的サイト生成を簡単に実現できることで知られています。

React: UIの構築に使用されるJavaScriptライブラリ。コンポーネントベースのアーキテクチャで効率的なUIを作成することができます。

pnpm: パッケージマネージャとして使用。npmやyarnと比べてディスクスペースの効率的な使用と高速なインストール速度で知られています。

ESLintのReactルールの適用

Prettierの導入

commit時のコード検証の追加

今回は最近個人開発でよく使う Next.js のテンプレートリポジトリを作成しました。

毎回 ESLint 入れて、Prettier 入れて… 設定なにを入れて…というのが大変だったのでこれを使って開発速度をあげていきたいと思います。