Boilerplate built following this guide

• yarn: to install dependencies

• yarn dev: start the next js dev server

• yarn build: generate a prodcution ready version of the next app (output in .next folder)

• yarn storybook: run the storybook dev server

• yarn storybook:build: generate a deployable version of storybook (output in .out folder)

• Storybook
• sass and css modules in Next and Storybook
• Typescript in Next and Storybook

Storybook has the following addons:

• Knobs
• Actions
• Viewport
• a11y

There is also the option of throwing errors in DEV mode when typescript checking fails. To disable this behaviour go to

• .storybook/webpack.config.js
• next.config.js

and comment this code:

config.plugins.unshift(
    new ForkTsCheckerWebpackPlugin({
      async: false, // blocks Typescript compilation on typechecking error for DEV mode!
    })
);