Been working a lot with Lovable letely. It lets me build apps really fast, which is great. But I ran into a big problem with search engines. They think these apps are empty.
The reason is simple. Lovable uses a lot of client-side React. This means Google and other search bots can’t read the page right away. They don’t always wait for the JavaScript to load. So, my sites looked fine for people, but search engines just saw a blank page or a loading sign.
I didn’t want to give up on Lovable or fight with Cloudflare Workers every time. So, I made a new solution. I built a special proxy at the DNS level.
Here’s what it does:
- The proxy checks who is visiting the site.
- If it’s a search bot (like Google or Bing), it shows a page that’s already loaded and ready.
- If it’s a real person, it shows the normal fast React app.
I called this project LovableSEO. After I started using this system, my sites started showing up on Google much faster. Sometimes in less than a day. Also, things like Open Graph tags started working on social media.
I also added a blog section (/blog). This helps with SEO too, because it gives the site a good structure, which is important for things like local SEO and using the right keywords.
Anyway, I'm curious if anyone else here has found an easier way to do server-side rendering for AI apps, without having to build a custom proxy.
If you want to see how I set this up in just 5 minutes, you can check the docs here: https://lovableseo.ai/