NEXT.js 프로젝트 시작하기

npx create-next-app@latest --typescript
or
npx create-next-app@latest my-project --typescript --eslint

cd {project_name}
npm install --save-dev --save-exact prettier
echo {}> .prettierrc.json

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

npm install --save-dev eslint-config-prettier

.eslintrc.json

{
  "extends": ["next/core-web-vitals", "prettier"]
}

Saas

npm install --save-dev sass

tailwindcss

npm install -D tailwindcss postcss autoprefixer
npx tailwindcss init -p

tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,ts,jsx,tsx}",
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./components/**/*.{js,ts,jsx,tsx}",
 
    // Or if using `src` directory:
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {},
  },
  plugins: [],
}

globals.css

@tailwind base;
@tailwind components;
@tailwind utilities;

extra

npm i classnames

extra

npm install react-icons
npm install next-seo
npm install next-sitemap