In need of SSR for my current Vite SPA (Help choosing a framework or method)
Hello folks,
I'm currently working on a website created with React + Vite + React Router v7 + Vercel hosting. Its currently deployed and running. The site has a home page and multiple pages (the most important is a blog with multiple articles with a different URL for each one).
My client priority is SEO, and for users to scroll through it and fill a contact form (made with EmailJS, no server setup was needed for this)
After configuring Google Search Console I found out that my SEO capabilities are a bit constrained with my current framework. This is mainly due to Vite being a SPA with a single index.html. I would benefit much more if I could render each page differently, and benefit from setting meta titles and descriptions for each of them, instead of relying with a generic one in the current index.html.
I've been reading a lot, and discussing with Claude Opus which suggested:
- Fast solution: implement plugins like vite-plugin-prerender
- Complex solution: migrate to next js, remix, vike, etc.
I would actually prefer to have real-world opinions from humans like you. I have the impression that using plugins on my current setup will feel "fragile", and I lean towards migrating to a framework with SSR, even if it takes more time.
- What path would you choose? Pros and cons.
- For each path, could you recommend different frameworks or plugins?
- Possible outcomes and constraints for each path
I have used nextjs a couple of years ago, but as far as I know it changeed a lot and I find a lot of different opinions on this sub.
Thanks a lot, I would really appreciate your feedback!