Folder Structure

A New Vite Project

my-app/
├── node_modules/      installed packages (never edit, never commit)
├── public/            static files copied as-is (favicon, robots.txt)
│   └── vite.svg
├── src/               your application code
│   ├── assets/        images and files imported from code
│   ├── App.css        styles for App
│   ├── App.jsx        the root component
│   ├── index.css      global styles
│   └── main.jsx       entry point: mounts <App /> into the page
├── .gitignore         files Git should ignore
├── eslint.config.js   lint rules
├── index.html         the single HTML page of the SPA
├── package.json       project info, scripts and dependencies
├── package-lock.json  exact installed versions
└── vite.config.js     build tool configuration