Start

• Create the app:

npx create-next-app@latest

Yarn

• Remove the package-lock.json:

rm -rf package-lock.json;
git add -A;
git commit -m 'chore: removes the package-lock.json'

• Run yarn for the first time:

yarn;
git add -A;
git commit -m 'chore: runs yarn for the first time'

Git Flow

• Initialize Git Flow:

git flow init -d

Development Dependencies

Prettier

• Add prettier, its plugins and create configuration files:

yarn add prettier --dev;
git add -A;
git commit -m 'chore(prettier): adds prettier';

yarn add @ianvs/prettier-plugin-sort-imports --dev;
git add -A;
git commit -m 'chore(prettier): adds @ianvs/prettier-plugin-sort-imports';

yarn add eslint-config-prettier --dev;
git add -A;
git commit -m 'chore(prettier): adds eslint-config-prettier';

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

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

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

echo ".next" > .prettierignore;
git add -A;
git commit -m 'chore(prettier): creates the .prettierignore';

cat <<EOF > prettier.config.mjs
/**
 * @see <https://prettier.io/docs/en/configuration.html>
 * @type {import("prettier").Config}
 */
const config = {};

export default config;
EOF
;
git add -A;
git commit -m 'chore(prettier): creates the prettier.config.mjs'

• Add the format script:

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

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

• Add "prettier" to the "extends" list in eslint.config.mjs:

"prettier"