Next.js のテンプレートを公開します

Next.js には様々なテンプレートが用意されていますが、僕的に追加でセットアップしておきたいものを追加したテンプレートリポジトリを 3 種類公開しています。

ぜひ「Use this template」から、このテンプレートを使ってみてください。

Next.js 基本のテンプレート

リポジトリ: nextjs-typescript-boilerplate

ポイント

以下をセットアップ済みです。

• TypeScript
• Yarn
• ESLint
  • eslint-config-prettier
• Prettier
• husky + lint-staged
• Jest
  • Testing Library
• TailwindCSS
• Renovate
• Github Actions による CI

僕は TailwindCSS を好んで使用するため、テンプレートに含めていますが、不要な方は諸々削除してください。

# Tailwind 関連のパッケージを削除
yarn remove tailwindcss prettier-plugin-tailwindcss postcss autoprefixer

# Tailwind 関連のファイルを削除
rm -f ./tailwind.config.js ./postcss.config.js

# スタイルシートの修正、削除
rm -f ./src/styles/css-variables.css ./src/styles/globals.css
touch ./src/styles/globals.css

Next.js モノリポ構成のテンプレート

リポジトリ: nextjs-typescript-monorepo-boilerplate

ポイント

Next.js 基本のテンプレートのものに加え、以下をセットアップ済みです。
お好みのバックエンドフレームワークや、共通処理をライブラリとして切り出したい場合などにどうぞ。

• Yarn Workspaces

Next.js + NestJS モノリポ構成のテンプレート

リポジトリ: nestjs-nextjs-typescript-monorepo-boilerplate

Next.js モノリポ構成のテンプレートのものに加え、以下をセットアップ済みです。

• NestJS
• NestJS 用 Jest
• サーバーを Express から Fastify に変更
• dotenv による環境変数