Next.js

Next.jsに関するコードまとめ

Next.js プロジェクト作成

Next.js + TypeScript + ESLint + Prettier構成

Next.js + TypeScriptプロジェクト作成

pnpm
  pnpm create next-app --ts
yarn
  yarn create next-app --typescript
npm
  npx create-next-app@latest --ts

Prettier + Tailwindcss(とプラグイン)追加

pnpm
  pnpm add -D prettier eslint-config-prettier eslint-plugin-sort-keys-custom-order eslint-plugin-simple-import-sort eslint-plugin-import eslint-plugin-unused-imports tailwindcss postcss autoprefixer eslint-plugin-tailwindcss
yarn
  yarn add -D prettier eslint-config-prettier eslint-plugin-sort-keys-custom-order eslint-plugin-simple-import-sort eslint-plugin-import eslint-plugin-unused-imports tailwindcss postcss autoprefixer eslint-plugin-tailwindcss
npm
  npx add --save-dev prettier eslint-config-prettier eslint-plugin-sort-keys-custom-order eslint-plugin-simple-import-sort eslint-plugin-import eslint-plugin-unused-imports tailwindcss postcss autoprefixer eslint-plugin-tailwindcss