Start

• Criar o app:

yarn create next-app

Git Flow

• Iniciar o Git Flow:

git flow init

Development Dependencies

Prettier

• Adicionar o prettier, seus plugins e criar os arquivos de configuração:

yarn add prettier --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier"';

yarn add prettier-plugin-package --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-package"';

yarn add prettier-plugin-prisma --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-prisma"';

yarn add prettier-plugin-tailwindcss --dev;
git add -A;
git commit -m 'chore(prettier): adiciona o "prettier-plugin-tailwindcss"';

echo "{}" > .prettierrc;
git add -A;
git commit -m 'chore(prettier): cria o ".prettierrc"';

echo ".next\\\\n.turbo" > .prettierignore;
git add -A;
git commit -m 'chore(prettier): cria o ".prettierignore"'

• Adicionar o script format:

"format": "prettier --write \\"**/*.{css,html,js,json,jsx,md,scss,ts,tsx}\\""

git add -A;
git commit -m 'chore(prettier): adiciona o script "format"';

yarn format;
git add -A;
git commit -m 'style(prettier): formata código'

Dependencies

Required

@headlessui/react

• Adicionar o @headlessui/react:

yarn add @headlessui/react;
git add -A;
git commit -m 'chore(headlessui): adiciona o "@headlessui/react"'

@heroicons/react

• Adicionar o @heroicons/react: