I would like to generate static html files for only certain pages of my React app.
Context: I have a react site for which most of the pages are interactive and are customised based on the logged-in user. However, I also have public facing pages which remain almost 100% static. So, to allow these pages to display without JS, and also to speed up load times, I’d like to serve these pages as static html files.
I’d like to allow these pages to be interactible on the browser before the React JS files are excuted, but allow for the minor interactive elements of the page to spring to life once React begins running.
What are my options here? I’m hoping to be able to do this with a serverless solution. I’ve looked into Gatsby JS, but this seems to be a whole entire framework. Is there anyway to add this functionality to a normal react app?
Are there any plugins that allow this functionality?