Hey everyone,
I'm working on a single-page React app, but I'm looking to add static or server-side rendered (SSR) pages for landing and blog purposes to improve SEO. I'd love to hear any recommendations on the best approach. Should I switch to using Gatsby for this, or maybe create a separate static microsite hosted on Netlify? I appreciate any feedback you can offer!
5 Answers
If you have shared components you want to use, I recommend trying Next.js. It handles static exports really well.
If you have defined static assets and routes, then it’s pretty straightforward. Just let me know if your app fits that mold!
While I'm a big fan of Gatsby, I think you might find better options nowadays. Astro, Next.js, or even Tanstack Start could work really well for what you're trying to do.
There are a ton of ways to go about it, honestly. If you've already built your SPA, you don't necessarily need to start from scratch. Are you hoping to share code between your static pages and your existing app? If so, let’s discuss what exactly you're looking to share—components, styles, or something else.
Have you looked into Astro? It's really great at handling this kind of setup. You can even mix it up a bit—use Astro for the marketing side and keep your React SPA for the rest. It's a solid combo!
Related Questions
How to Build a Custom GPT Journalist That Posts Directly to WordPress
Cloudflare Origin SSL Certificate Setup Guide
How To Effectively Monetize A Site With Ads