This template implements Next.js with TypeScript, uses ChakraUI for CSS, uses Jest for testing, StoryBook for cataloging components, and Recoil for state management.

BackGround

I've had more and more opportunities to create everything with Next.js, but it's getting to be a hassle to modify the project from create-next-app to my liking every time. So I decided to create a template to speed up the development process.

Getting Started

development

yarn dev

build

yarn build

typecheck

yarn typecheck

format for prettier

yarn format

Test

yarn test

Test(Update S)

StoryBook

yarn storybook

Demo

Demo site is here

storybook

https://tubone24.github.io/my-nextjs-template/sb/

Lighthouse

https://tubone24.github.io/my-nextjs-template/lh/report.html