디렉토리 구조

.
├── .github               # Github setting folder
├── .vscode               # VSCode setting folder
├── public                # Public folder
│   └── images            # Images
│   └── favicon.ico       # Favicon
├── src
│   ├── components        # All components
│   ├── hooks             # Custom react hooks
│   ├── modals            # Modal components
│   ├── pages             # Next JS pages
│   ├── styles            # PostCSS style folder with Tailwind
│   ├── App.css           # Global CSS styles
│   ├── App.tsx           # Root component
│   ├── index.css         # CSS styles specific to the index.html file
│   ├── index.tsx         # The entry point
│   ├── main.css          # Main CSS styles
│   ├── main.tsx          # Main TypeScript file
│   └── vite-env.d.ts     # Type declarations
├── index.html            # Main HTML file      
├── node_modules          # Dependencies of the project installed via npm
├── .eslintignore         # Ignore ESLint
├── .eslintrc             # ESLint settings
├── .gitignore            # Ignore Git commit
├── .nvmrc                # Specification of NPM
├── .prettierignore       # Ignore prettier
├── .prettierrc           # Formatting code setting
├── package-lock.json     # Same packages with others
├── package.json          # Package information
├── README.md             # README file
├── tsconfig.json         # TypeScript configuration
├── tsconfig.node.json    # TypeScript compiler options
├── vercel.json           # Configuration settings for deployment to Vercel
└── vite.config.ts        # Configuration settings for Vite

배포 링크

React Shop