This is an example of multi page application using React and Vite, which includes router usage and packaging configurations.
local env preview
yarn run devYou can access the following path verify:
- http://localhost:3000/
- http://localhost:3000/expenses
- http://localhost:3000/invoices
- http://localhost:3000/admin/expenses
- http://localhost:3000/admin/invoices
build to dist
yarn run buildThe generated directory is as follows
~/react/vite-react-mpa-example/dist
.
├── admin
│ └── index.html
├── assets
│ ├── admin.26a797b8.css
│ ├── admin.f723a3c2.js
│ ├── favicon.17e50649.svg
│ ├── index.458f9883.css
│ ├── index.6bb9e804.js
│ ├── index.bff09771.js
│ ├── index.ed209ab7.css
│ ├── logo.ecc203fb.svg
│ └── vendor.763bc56e.js
└── index.html
2 directories, 11 filesI have the project deployed on vercel, which you can try to access