React-Vite project how to have multiple pages?
I want to make mydomain.com able to also navigate to child pages at various url segments.
Current:
mydomain.com
Goal:
mydomain.com
mydomain.com/contact
mydomain.com/about
mydomain.com/about/founders
..etc other url segments
Do NOT want variables in url segments/No dynamic url segments like:
mydomain.com/products/1 ❌
mydomain.com/products/2 ❌
mydomain.com/products/3 ❌ So far I tried configuring Vite to have multiple rollupOptions.input but didn't get it to build correctly, need to spend more time to figure that out but also not sure if that's the right approach. And I tried installing react-router 7 as a library and that builds and runs correctly locally but bricks build when deployed to Cloudflare Pages with errors about no Wrangler.tomal What should I do to get /contact and /about etc to work for my Cloudflare Pages React + Vite? Still plan on keeping it static/no backend/no db.
mydomain.com/products/3 ❌ So far I tried configuring Vite to have multiple rollupOptions.input but didn't get it to build correctly, need to spend more time to figure that out but also not sure if that's the right approach. And I tried installing react-router 7 as a library and that builds and runs correctly locally but bricks build when deployed to Cloudflare Pages with errors about no Wrangler.tomal What should I do to get /contact and /about etc to work for my Cloudflare Pages React + Vite? Still plan on keeping it static/no backend/no db.
2 Replies
You should just build it like any other site. So for React, react-router with routes for these. build up all the code and ship it
Hey @Walshy | Workers/Pages , thanks for replying. I tried using react-router and routes and I'm getting a build error on Cloudflare but not on local
This is my current package.json
// Removed copy-pasta
I'm getting these warning messages during cloudflare build, should I be concerned? Anything I should be doing?
// Removed copy-pasta
Hey @Walshy | Workers/Pages I figured it out and Cloudflare built React + Vite + React Router 7 correctly now, it was just a user error, I was looking at a build where some of the commits weren't online.
Appreciate your help, sorry about this