🙆‍♀️

Next.js + TypeScript + Tailwind + Storybook + eslint + husky環境構築の自動化

2021/06/05に公開

最近、Next.jsのプロジェクトを立ち上げることが多くて、毎回ググりながら環境構築していたのが面倒になってきたので、シェルスクリプトで自動化してみました。
参考にさせていただいた(再現させていただいた)環境はこちらになります。
https://zenn.dev/kolife01/articles/nextjs-typescript-storybook-tailwind

なんか間違ってたら指摘お願いします🙇‍♂️

Github

ここにコードをあげています。
https://github.com/dl10yr/nextjs-setup

使い方

git clone https://github.com/dl10yr/nextjs-setup.git project_dir
cd project_dir
sh nextjs-setup.sh -n APP_NAME

一部変えたところ

huskyのセットアップ方法だけ変わっていたので、参考にさせていただいた記事とは変えています。

npx husky init
npx husky install
npx husky add .husky/pre-commit "yarn lint-staged"

苦労した

sedコマンド難しい...

Discussion