dutradotdev / my-boilerplate

My web boilerplate using Next.js + PWA, Typescript, Storybook v6+, React.js, Styled Components and Jest + React Testing Library 🔥 🚀

Getting Started

My personal template using the following technologies:

• Next.js + PWA
• Typescript
• Storybook v6+
• React.js
• Styled Components
• Jest + React Testing Library
• Eslint + Prettier + Editorconfig

You can create a project based on this boilerplate using:

  yarn create next-app -e https://github.com/dutradotdev/my-boilerplate

Do not forget

• Change the manifest.json before use
• Delete the initial component, snapshot and test

Commands

To create your components

yarn generate <component_name>

This will create:

• index.tsx
• style.ts
• tests.tsx
• stories.tsx

To run the project in the dev mode

yarn dev

To build project

yarn build

To start the project

yarn start

To lint the project

yarn lint

To run tests

yarn test
yarn test:watch

To run storybook

yarn storybook

To build storybook in order to publish

yarn build-storybook