Next.js + Sass（SCSS記法） + ESlint + Stylelint + Prettier のテンプレート

使用技術

• Next.js（TypeScriptは未使用）
• Sass（SCSS記法）
• ESLint, Stylelint, Prettier
• Visual Studio Code

---

環境構築

npmモジュールとVSCodeの拡張機能をインストールするだけ。

必要なモジュールをインストール

$ npm i

Node.js v18.12.0にて検証済み

VSCodeの拡張機能インストール（ESLint, Stylelint, Prettier）

• https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
• https://marketplace.visualstudio.com/items?itemName=stylelint.vscode-stylelint
• https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

VSCode v1.74.2にて検証済み

---

開発

ローカルサーバ立ち上げ（デフォルト: http://localhost:3000/ ）

$ npm run dev

ビルド

$ npm run build

構文チェック（保存時に自動整形されるので使うことはほぼ無い）

$ npm run lint // ES
$ npm run lint:fix // ES
$ npm run lint:style // CSS
$ npm run lint:style:fix // CSS