This is a simple and effective Next.js boilerplate
This project uses lot of stuff as:
- โก NextJS for Static Site Generator and more
- ๐ฅ Type checking TypeScript
- ๐ Integrate with Styled Components
- โ Write tests with Jest and ๐ React Testing Library
- ๐ UI component explorer with Storybook
- ๐ Linter with Eslint + code formatter with Prettier
- ๐ฆ Husky for Git Hooks
- ๐ซ Lint-staged for running linters on Git staged files
- ๐ Lint git commit with Commitlint
- ๐ง Save your time creating component files with consistency with Plop
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
dev
: runs your application onlocalhost:3000
build
: creates the production build versionstart
: starts a simple server with the build production codelint
: runs the linter in all components and pagestest
: runs jest to test all components and pagestest:watch
: runs jest in watch modestorybook
: runs storybook onlocalhost:6006
build-storybook
: create the build version of storybookgenerate
: create component scaffold with consistency