Use

• Next.js (React)
• TypeScript
• PWA (next-offline)
• styled-components + styled-media-query
• Redux Toolkit
• EditorConfig + ESLint + Prettier
• Jest + React Testing Library
• Stroybook
  • addons
    • knobs
    • actions
    • storysource
    • viewport
    • storyshots
    • backgrounds
    • console
    • links
• Husky

Command

# dev
npm run dev

# build
npm run build

# start
npm run start

Storybook

npm run storybook

# build
npu run build-storybook

Lint

npm run lint

# auto fix
npm run lint -- --fix

Test

npm test

# watch
npm test -- --watch

# update snapshot
npm test -- -u -t="[TargetName]"

# update snapshot all
npm test -- -u

# coverage
npm test -- --coverage

Image Snapshot

# image snapshot (run while storybook running)
npm run puppeteer-storyshots

# update image snapshot (run while storybook running)
npm run puppeteer-storyshots -- -u -t="[TargetName]"

# update image snapshot all (run while storybook running)
npm run puppeteer-storyshots -- -u