nextjs eslint tailwind next config

.eslintrc.json

{
  "env": {
    "browser": true,
    "node": true,
    "es2021": true
  },
  "extends": ["eslint:recommended", "next"],
  "rules": {
    "@next/next/no-img-element": "off",
    "jsx-a11y/alt-text": "off",
    "no-unused-vars": "warn"
  }
}

.prettierrc.json

{
  "tabWidth": 2,
  "useTabs": false,
  "trailingComma": "es5",
  "semi": true,
  "singleQuote": true,
  "jsxSingleQuote": true
}

next.config.js

/** @type {import('next').NextConfig} */
module.exports = {
  reactStrictMode: true,
  scrollRestoration: true,
};

tailwind.config.js

/** @type {import('tailwindcss/tailwind-config').TailwindConfig} */
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

npm install @headlessui/react iron-session @node-rs/argon2 date-fns @heroicons/react axios mongoose multer react-hot-toast 
npm install -D tailwindcss postcss autoprefixer prettier-plugin-tailwindcssn prettier prettier-plugin-tailwindcss @tailwindcss/forms