prerendering react components at build time for ssg static site generation

[ymolists]

Hi folks

I am trying to prerender all my pages at build time to generate a static html site (not spa). I came across this page from the https://vitejs.dev/guide/ssr.html page.

1. Is there something equivalent in react ?
2. i dont have any ssr in my application i just want to precompile my spa to static html. is there guide for doing that in react

Best Regards

[natesct]

I have also been searching for this exact thing. Thanks

[sapphi-red]

1. There's an example here: https://github.com/vitejs/vite-plugin-react/blob/main/playground/ssr-react/prerender.js
2. SSG is almost like an ahead-of-time SSR. I don't think there would be a guide for doing SSG by only running scripts in browsers.

[noahtigner]

Is there something equivalent in react ?

Yes! React Router v7's Framework Mode offers static pre-rendering. I use it for my portfolio website. I even have it set up so that markdown documents are processed and used to generate pages at build time. All I have to do to add a new article/blog post is to drop a new .md file into the correct folder. Repo here. I've been able to get Lighthouse scores of 99+ across the board by statically pre-rendering my routes

is there guide for doing that in react

React Router's docs are ok, but feel free to reference my repo if you get stuck. I'm considering writing an article on the process (and how to deploy to Github Pages) if anyone is interested

@ymolists @natesct