A ideia do repositorio é servir de base para novos projetos. Com todos os pacotes e depencias necessarias para iniciar da melhor forma. O projeto foi criado com Next.js e styled-components. Para configuração do projeto, foram instalados:
O arquivo main.yml foi criado para implementar a primeira rotina de CI. Até então só tem o Lint, mas o Vercel pode ser adicionado depois.
A maior parte do repositorio está utilizando o yarn para administrar os pacotes, por isso as rotinas foram montadas com ele.
- Clonar repositorio
git clone https://github.com/carolandrade1/template_next_styled && cd template_next_styled
- Instalar dependências
yarn install
- Trocar URL do repositorio remoto (caso necessário)
3.1. Ver qual o repositorio atual
git remote -v
3.2. Mudar a URL do repositorio remoto
git remote set-url origin <LinkDoNovoRepositorio>
3.3. Verifique se a mudança foi realizada
git remote -v
- Rodar aplicativo
yarn dev
- Acesse http://localhost:3000/ e navegue pelo site
- Next.js + styled-components
yarn create next-app --example with-styled-components
- ESLint
- Instalar a lib
yarn add eslint --dev
yarn run eslint --init
- Adicionar no arquivo package.json na seção scripts:
"lint": "eslint --ignore-path .gitignore ."
"lint:fix": "eslint --fix --ignore-path .gitignore ."
- Husky
- Instalar a lib
yarn add husky -D
- Adicionar no arquivo package.json na seção scripts:
"prepare": "husky install"
- Rodar no terminal:
yarn prepare
npx husky add .husky/pre-commit "yarn lint:fix"
- Conventional Commits
- Instalar a lib
npm install commitizen -g
commitizen init cz-conventional-changelog --yarn --dev --exact
- Adicionar no arquivo package.json na seção scripts:
"commit": "cz"
- Prop Types
npm install --save prop-types