About this video
Most developers are building websites that search engines cannot actually see. In this video, I explore why 'vibe coding' tools like Lovable, Replit, and Bolt have historically failed at SEO and how a brand new update from Lovable has completely changed the game. Key Takeaways: - Why client-side React apps are often 'invisible' to Google. - The discovery of Lovable's transition to server-side rendering (SSR) via TanStack Start. - Why architectural knowledge is still the most important skill for a developer. - How to ensure your AI-generated websites are actually discoverable. - A look at Replit's security features and how they compare.
AI Vibe Coding Is a House of Cards Without Architecture
AI tools are lying to you by omission because they prioritise the 'vibe' over the vital mechanics of the web. I sat down to record a video specifically to dunk on tools like Lovable, Replit, and Bolt. My argument was simple: they are building React apps that are effectively invisible to search engines.
The Client-Side Rendering Trap
Most AI-generated apps default to client-side rendering (CSR). While this looks great on your screen, it often results in a blank page for web crawlers and screen readers. If you disable JavaScript on a standard AI-built marketing site, you will likely see nothing but a hollow shell. This is a disaster for SEO and accessibility.
The Lovable Plot Twist
As I was preparing my critique, I discovered that Lovable had literally just pushed an update to address this exact issue. They have moved to server-side rendering (SSR) using TanStack Start. This means the HTML is pre-rendered, making the content immediately available to Google and other search engines.
I tested this by building a portfolio site. Even without specifically asking for a 'static' build, the tool defaulted to a pre-rendered output. This is a massive win for the 'vibe coding' community, as it bridges the gap between ease of use and professional standards.
Why Architectural Knowledge Still Matters
The walls have collapsed: designers can now build full applications. However, lacking a fundamental understanding of how the web works is still a massive risk. You need to know the difference between a dashboard (where CSR is fine) and a marketing site (where SSR is essential).
AI is average at best when you truly know your discipline. Whether you are a designer or a developer, do not assume the AI has considered the security, performance, or SEO implications of the code it spits out.
Key Learnings:
- SEO is not optional: Marketing sites must be pre-rendered to rank.
- TanStack Start: This is the engine driving Lovable's new SEO capabilities.
- Vibe coding has limits: You still need to understand what is happening under the hood.
Keep learning, keep building, but never stop questioning the architecture of your AI tools.
Transcript▾
I sat down to make a video dunking on Lovable, Replit, Bolt, and all of these 'Vibe Code' apps. I wanted to talk about how they are lying to you by telling you they are building websites, when they are actually just building React apps. These apps often lack SEO, crawling capability, or screen reader support: the boring but essential stuff for marketing websites.
However, I was pleasantly surprised to find that Lovable literally just made an update that is music to my ears: build apps people can actually find. They have introduced server-side rendering for new apps. I discovered this before the official announcement after seeing a tweet from Damian. He launched a site made on Lovable that looked fantastic, but when I inspected the code and disabled JavaScript, it was completely blank.
What Lovable was doing was JavaScript rendering, which only loads HTML on page load. While Google is getting better at loading JavaScript, you will never beat pre-rendered applications for SEO rankings. They also punish you for things like cumulative layout shift.
I wanted to see if I could force Lovable to build a pre-rendered site. I told it to build a statically generated portfolio based on my existing site. When I published it and disabled JavaScript, everything was there. It worked perfectly. I then tried building another app without specifying 'static', and it did the same thing. I noticed they are now using TanStack Start, a server-side rendering technology, by default.
Replit also has similar capabilities if you specify that you want a statically generated site. Lovable's official announcement about making apps searchable and discoverable came out just two hours ago. This includes pre-rendering for existing apps and richer social previews.
The walls have collapsed for designers and non-developers to build websites, but a fundamental understanding of technical requirements is still needed. Marketing websites and e-commerce stores need to be statically rendered so product information is available for search. You need to differentiate between a dashboard and a marketing site.
AI is often average at best if you know the discipline. Don't assume AI will take care of everything for you. Keep learning and don't just 'vibe' your way through development without understanding the architecture. Like and subscribe if you haven't already.