npm install --global yarn
yarn --version
npx create-next-app .
yarn add @reduxjs/toolkit react-redux
yarn add -D @types/react-redux
yarn add [email protected] universal-cookie @heroicons/react
yarn add react-query react-query-devtools graphql graphql-request
touch .prettierrc
{
"singleQuote": true,
"semi": false
}
https://nextjs.org/learn/excel/typescript/create-tsconfig
touch tsconfig.json
yarn add -D typescript @types/react @types/node
yarn dev
import { AppProps } from 'next/app'
function MyApp({ Component, pageProps }: AppProps) {
return <Component {...pageProps} />
}
export default MyApp
https://tailwindcss.com/docs/guides/nextjs
yarn add -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init -p
module.exports = {
purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
darkMode: false,
theme: {
extend: {},
},
variants: {
extend: {opacity: ["disabled"]},
},
plugins: [],
}
@tailwind base;
@tailwind components;
@tailwind utilities;