惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

B
Blog
Microsoft Security Blog
Microsoft Security Blog
Jina AI
Jina AI
博客园 - 叶小钗
J
Java Code Geeks
博客园 - 聂微东
博客园 - 司徒正美
大猫的无限游戏
大猫的无限游戏
阮一峰的网络日志
阮一峰的网络日志
V
V2EX
美团技术团队
WordPress大学
WordPress大学
M
MIT News - Artificial intelligence
雷峰网
雷峰网
酷 壳 – CoolShell
酷 壳 – CoolShell
GbyAI
GbyAI
罗磊的独立博客
T
The Blog of Author Tim Ferriss
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
The Cloudflare Blog
Stack Overflow Blog
Stack Overflow Blog
N
Netflix TechBlog - Medium
小众软件
小众软件

DEV Community

Authentication Security Deep Dive: From Brute Force to Salted Hashing (With Java Examples) Why AI Systems Don’t Fail — They Drift Spilling beans for how i learn for exam😁"Reinforcement Learning Cheat Sheet" I Replaced Chrome with Safari for AI Browser Automation. Here's What Broke (and What Finally Worked) How Python Borrows Other People's Work The $40 Architecture: Processing 1 Billion API Requests with 99.99% Uptime Vibe Coding: A Workflow Guide (From Zero to SaaS) Most webhook security guides protect the wrong side. The scary part is delivery. Headless CMS for TanStack Start: Build a Blog with Cosmic EU Age Verification App "Hacked in 2 Minutes" — What Actually Happened Comfy Cloud’s delete function does not actually remove files Running AI Models on GPU Cloud Servers: A Beginner Guide Event-driven media intelligence with AWS Step Functions and Bedrock I scored 500 AI prompts across 8 quality dimensions — here's what broke How to Call Google Gemini API from Next.js (Free Tier, No Backend Needed) The Portal Protocol: Reclaiming Human Connection in the Age of AI How to Fix Your Team's Scattered Knowledge Problem With a Self-Hosted Forum Intro to tc Cloud Functors: A Graph-First Mental Model for the Modern Cloud Designing Multi-Tenant Backends With Both Ownership and Team Access I Built a Neumorphic CSS Library with 77+ Components — Here's What I Learned PostgreSQL Performance Optimization: Why Connection Pooling Is Critical at Scale Cómo construí un SaaS multi-rubro para gestionar expensas en Argentina con FastAPI + Vue 3 🚀 I Built an Ethical Hacking Scanner Tool – Open Source Project I Replaced /usage and /context in Claude Code With a Single Statusline A Pythonic Way to Handle Emails (IMAP/SMTP) with Auto-Discovery and AI-Ready Design I Collected 8.9 Million Polymarket Price Points — Here's What I Found About How Markets Really Move EcoTrack AI — Carbon Footprint Tracker & Dashboard Everyone's Using AI. No One Agrees How. 5 self-hosted ebook managers worth trying in 2026 Building Your First AI Agent with LangChain: From Chatbot to Autonomous Assistant
Lovable Shipped SSR. Here's What That Actually Changes.
Ted · 2026-05-20 · via DEV Community

Ted

Today Lovable's co-founder announced they're shipping SEO as a first-class feature: new apps are now server-side rendered, and existing apps get pre-rendering automatically.

The timing is notable. I published a post about a prerender pipeline I built manually for a Lovable site — one that ran on every deploy, silently failed for six months because of missing environment variables, and left four directory pages with zero GSC impressions the entire time. Lovable just made that class of problem their problem, not yours.

So: does this change the argument from Part 1?

The short answer is: partially. It fixes the crawlability problem. It doesn't close the performance gap, and the two paths they've shipped are actually quite different.

What they shipped

New apps: server-side rendering. Every request hits a server, which renders HTML dynamically and sends it to the browser. Googlebot gets real content on the first request — same as SSR frameworks like Next.js in default mode. The CSR crawlability problem is gone for new projects.

Existing apps: automatic pre-rendering. Build-time pre-rendering injects static HTML into the page before the React bundle runs. This is exactly the approach I was doing manually — a script that fetches data at deploy time and writes it into the HTML. Lovable is now doing this automatically.

These are two different things. Worth naming them separately.

What pre-rendering for existing apps actually means

The pre-rendering path for existing apps is a patch on CSR, not a structural fix. The React bundle still ships. The browser still downloads it, parses it, executes it, and hydrates. The pre-rendered HTML is injected at build time — so it's only as fresh as the last deploy.

What it fixes: Googlebot's first-wave crawl now gets real content instead of an empty shell. That's the thing that was causing pages to drop out of the index.

What it doesn't fix: the client-side hydration overhead. The performance characteristics are still those of a React CSR app — full JS bundle, hydration on every page load, PageSpeed scores that require active optimization to keep above 80.

The silent failure mode I documented — where the pre-render ran but the data fetch failed quietly and injected a placeholder — that risk goes away when Lovable controls the pipeline. They can test it. They can fail loudly. They can handle env vars correctly by default. The failure mode I hit was an implementation problem with a DIY script, not an inherent limit of pre-rendering. Lovable's version will be more reliable.

What SSR for new apps actually means

Server-side rendering is a real architectural change, not a patch. Every request hits a server, which generates HTML with current data and sends it. Googlebot sees real content. Users see real content on the first byte.

This puts Lovable new apps in the same rendering category as Next.js with getStaticProps or a hybrid SSR setup — crawlable, indexable, real HTML on first request.

The tradeoff SSR carries that SSG doesn't: every request has server latency. A static site serves from a CDN edge node — the file is already built, it just needs to travel from the nearest edge to the user. An SSR app has to compute the response first. For content that doesn't change per-user, that compute step is unnecessary overhead.

Static site (SSG/Astro)          SSR (Lovable new apps)
──────────────────────           ──────────────────────
Request → CDN edge               Request → server
           ↓                                ↓
         file served             render HTML (with live data)
         immediately                        ↓
                                      send to browser

TTFB: ~30–80ms (edge)            TTFB: ~200–500ms+ (server)

Enter fullscreen mode Exit fullscreen mode

For an app — a tool, a dashboard, something with real interactivity or user-specific data — SSR is the right call. The server compute is justified because the content is actually dynamic.

For a content blog where every page is the same for every visitor, SSG is still faster. The HTML is already there. No server needed.

When the Astro argument still holds

For pure content sites — blogs, documentation, resource hubs — the case for SSG hasn't changed. Astro ships zero JavaScript by default. Every page is a file on disk served from the CDN edge. There's no server to maintain, no per-request compute cost, and no JS bundle penalty on performance metrics.

My Astro blog consistently scores 95+ on mobile PageSpeed. A Lovable SSR app will score lower without active optimization — not because SSR is bad, but because it ships a full React bundle on every page and adds server latency to every request.

For content sites that need real interactivity — some dynamic widgets, user-facing forms, live data sections alongside static content — Lovable SSR is now a legitimate option where it wasn't before. The crawlability problem is solved. You're trading some performance headroom for faster development.

For existing Lovable sites with the CSR problem: the automatic pre-rendering means the indexability issue gets handled without a DIY script. The performance characteristics don't change, but the SEO floor is now reliable.

The actual update to Part 1

Part 1 said: "Lovable is built for apps, not blogs. But plenty of people use it for content sites anyway — that's the mistake this post is about."

The update is: Lovable is now credible for content sites that need interactivity. New apps are SSR — crawlable, indexable, real HTML on first request. The mistake that post was about (using a CSR framework for a content site and watching pages disappear from the index) is no longer baked into the platform by default.

The performance gap between SSR and SSG still exists. For a content site where every millisecond of LCP matters and every page is the same for every visitor, SSG is still the faster path. But the hard wall that made Lovable the wrong choice for organic search is gone for new projects.

That's a significant shift. The choice is now between a fast-to-ship SSR app with React's full ecosystem versus a leaner SSG site with lower performance overhead. That's a real tradeoff, not a clear wrong answer.