Skip to content
This repository has been archived by the owner on Jun 9, 2022. It is now read-only.

Latest commit

 

History

History
78 lines (52 loc) · 3.26 KB

HowToMakeTemplate.md

File metadata and controls

78 lines (52 loc) · 3.26 KB

TODO: write this.

Execute create-next-app

This template bootstrapped with create-next-app.

Install and initialize eslint

Allow official Getting Started.

This template answer for question to initialize eslint config like below. Below is example.

❯ npx eslint --init
✔ How would you like to use ESLint? · style
✔ What type of modules does your project use? · esm
✔ Which framework does your project use? · react
✔ Does your project use TypeScript? · Yes
✔ Where does your code run? · browser
✔ How would you like to define a style for your project? · guide
✔ Which style guide do you want to follow? · standard
✔ What format do you want your config file to be in? · JavaScript
Checking peerDependencies of eslint-config-standard@latest
The config that you've selected requires the following dependencies:

eslint-plugin-react@latest @typescript-eslint/eslint-plugin@latest eslint-config-standard@latest eslint@^7.12.1 eslint-plugin-import@^2.22.1 eslint-plugin-node@^11.1.0 eslint-plugin-promise@^4.2.1 @typescript-eslint/parser@latest
✔ Would you like to install them now with npm? ·  Yes

Add eslint rules, extends, plugin.

Explanation of difference between rules, extends, plugin is here.

Below is example. (Probably, some plugin was already configured when initializing eslint)

Install and initialize prettier.

Allow official Getting Started.

Note that You may need to configure eslint.

Configure prettier

Configure your favorite options.

Add editorconfig file

See official site

Add recommended extensions for editor

Example for VSCode.

Install & configure storybook

Configure tsconfig.json

Install & configure Jest (with ts-jest)

Install & configure husky, lint-staged

Write Dockerfile