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

推荐订阅源

B
Blog
V
Vulnerabilities – Threatpost
Apple Machine Learning Research
Apple Machine Learning Research
V
V2EX
博客园 - 叶小钗
阮一峰的网络日志
阮一峰的网络日志
人人都是产品经理
人人都是产品经理
Latest news
Latest news
博客园 - 三生石上(FineUI控件)
美团技术团队
aimingoo的专栏
aimingoo的专栏
Google Online Security Blog
Google Online Security Blog
Security Archives - TechRepublic
Security Archives - TechRepublic
T
Threatpost
Y
Y Combinator Blog
T
Tailwind CSS Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
A
Arctic Wolf
C
Cyber Attacks, Cyber Crime and Cyber Security
小众软件
小众软件
Recent Commits to openclaw:main
Recent Commits to openclaw:main
T
Tenable Blog
W
WeLiveSecurity
L
LINUX DO - 热门话题
D
Docker
Cyberwarzone
Cyberwarzone
量子位
A
About on SuperTechFans
The Last Watchdog
The Last Watchdog
雷峰网
雷峰网
C
CERT Recently Published Vulnerability Notes
P
Palo Alto Networks Blog
The Hacker News
The Hacker News
Blog — PlanetScale
Blog — PlanetScale
P
Proofpoint News Feed
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
F
Full Disclosure
The Cloudflare Blog
T
The Blog of Author Tim Ferriss
T
The Exploit Database - CXSecurity.com
Engineering at Meta
Engineering at Meta
O
OpenAI News
Hacker News - Newest:
Hacker News - Newest: "LLM"
Scott Helme
Scott Helme
IT之家
IT之家
S
Secure Thoughts
MongoDB | Blog
MongoDB | Blog
L
Lohrmann on Cybersecurity
博客园 - 司徒正美
Google DeepMind News
Google DeepMind News

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 Common SOC 2 Failures (Real World) Stop Vibe-Checking Your AI App: A Practical Guide to Evals How to Use SonarQube and SonarScanner Locally to Level Up Your Code Quality Your Next To-Do App Is Dead — I Replaced Mine with an OpenClaw AI Sign a Nostr event in 60 lines of Python using coincurve — no nostr-sdk, no nbxplorer, no rust toolchain ITGC Audit Explained Like You’re in Big 4 Patch Tuesday abril 2026: Microsoft parcha 163 vulnerabilidades y un zero-day en SharePoint Stop scraping everything: a better way to track competitor price changes Listing on MCPize + the Official MCP Registry while routing payments OUTSIDE the marketplace — how I kept 100% of my x402 revenue Building an AI-Powered Risk Intelligence System Using Serverless Architecture Why We Ripped Function Overloading Out of Our AI Toolchain Testing AI-Generated Code: How to Actually Know If It Works SaaS Churn Is Killing Your Business. Here Is What to Do About It (Without a Support Team) The Speed of AI Is No Longer Linear - And Self-Improving Models Are Why How to Implement RBAC for MCP Tools: A Practical Guide for Engineering Teams From Standard Quote to Persuasive Proposal: AI Automation for Arborists I built a CLI that scaffolds complete multi-tenant SaaS apps Axios CVE-2025–62718: The Silent SSRF Bug That Could Be Hiding in Your Node.js App Right Now The dashboard that ended our friendship Data Pipelines Explained Simply (and How to Build Them with Python) The Hidden Cost of AI Systems Nobody Talks About. undefined vs undeclared, and how typeof behaves Switching from file-based jobs to NATS/Kafka in Rust without changing code io_uring Adventures: Rust Servers That Love Syscalls Why Agentic AI is Killing the Traditional Database The POUR principles of web accessibility for developers and designers Quantum Neural Network 3D — A Deep Dive into Interactive WebGL Visualization How To Install Caveman In Codex On macOS And Windows Automation Pipeline Reliability: Why Your Workflow Breaks When Nobody Is Watching I Built an 'Open World' AI Coding Agent — It Works From ANY Folder From Freelancing to Product: A Tech Service Company's SaaS Transformation China's AI Giants: Adding Tencent Hunyuan & ByteDance Doubao to AI University (74 Providers) On the Vibe Coders and Their Lies clerk: Auto-Summarize Your Claude Code Sessions AI Weekly — 2026/04/10–04/17 | The Model Lockdown Is Here, but the Toolchain Is the Real Battleground AI 週報 — 2026/04/10–2026/04/17 模型封鎖潮來了,但工具鏈才是真戰場 Maybe this is how Open-Source apps are born... 🚀 Fine-Tune LLMs with LoRA and QLoRA: 2026 Guide tRPC v11 + Next.js App Router: End-to-End Type Safety Without the Boilerplate ShadCN UI in 2026: Why I Stopped Installing Component Libraries and Started Owning My Components SaaS Billing in React Server Components: Stripe + Supabase Without a Single `useEffect` Join our DEV Weekend Challenge — $1,000 in Prizes Across TEN winners! Submissions Due April 20 at 6:59 AM UTC. Implementing FSRS Spaced Repetition in Flutter + Supabase — Adding Memory Science to an AI Learning App "I Texted My Localhost From the Train — Claude Code Fixed the Bug Before I Got Home" I Built a Sales Prep AI and It Went Deeper Than Expected Design to Code #2: One JSON, Eleven Outputs Solving the 100M-Row Problem: A Summary Table Pattern for High-Volume Push Notification Logs Flutter Web With Wasm: What Actually Changes For Developers I Built 50 Royalty-Free Soundtracks for My Side Project in a Weekend Using AI Music Generation The Vibe Coding Security Checklist: 7 Things to Check Before You Ship Stop Letting Googlebot Guess Fix Your React App's SEO Right Desconstruindo o Streaming do LinkedIn: Como Criar um Engine de Extração de Vídeo de Alta Performance com HLS e FFmpeg (EDA Part-1) EDA (Exploratory Data Analysis) Explained With Real Life — Why Looking at Your Data Is the Most Important Step in Machine Learning Brand Relationship Management at Scale: Our 4-Touch Outreach System for 200+ Brands Why String.fromEnvironment() Might Return an Empty String in Dart JGuardrails 1.0.0 — Hardening Java LLM Apps Against Jailbreaks, Toxicity, and Prompt Injection Plan and Schedule a Full Week of Threads Content From One Claude Conversation Coding Cat Oran Ep3, Five Tables Changed Everything Updated: BFF Pattern I'm done watching freelancers get buried by 200 proposals. So I'm building the alternative. This is my first post BFS Algorithm in Java Step by Step Tutorial with Examples Tracking LLM Pricing Monthly: An Open Dataset for 22 AI Models How We Measure Content ROI on a Comparison Site: Revenue Attribution Without Perfect Data Introducing Nova AI Ops: The AI-Native Operating System for SRE Teams I built a free desktop video downloader for Windows — Grabbit How Talkie OCR Helps Vision-Impaired & Dyslexic Users Read the World Around Them VRCFaceTracking安装和iPhone面捕配置教程,有bug Even CrowdStrike Can't See Your Agents The Automation Gold Rush: What n8n Workflows and Claude Are Opening Up for Developers Right Now
I Built a React SPA and Tried to Rank on Google. Here Are My Real Numbers After 12 Weeks.
Prashant A · 2026-05-08 · via DEV Community

If you've built a single-page app and wondered whether Google will ever find it, I have 12 weeks of real data for you.

I launched a SaaS tool in February 2026. React + Vite + TypeScript frontend, Express backend, deployed on Render. No server-side rendering. No Next.js. Just a client-rendered SPA that I needed Google to crawl and index.

This is what happened.

The numbers

806 impressions. 1 click. Twelve weeks.

That one click was probably me checking if my own site showed up.

Average position moved from about 57 (page 6 of Google) to 47 (page 5). Not exactly a success story. But I learned a lot about what it takes to get a pure SPA indexed.

The technical setup

Google doesn't render JavaScript well enough to index a React SPA reliably. I hit this wall in week 2 when pages were getting crawled but showing up with blank content in Google's index.

The fix was prerendering. At build time, a script visits each route with Puppeteer, waits for the page to finish rendering, and saves the output as static HTML. The deployment platform serves those HTML files to crawlers (matched by user-agent), and regular users get the normal SPA experience.

The prerender config looks like this:

// prerender.mjs — runs at build time
const routes = [
  { route: '/', outputPath: 'index.html' },
  { route: '/guides/landing-page-psychology', outputPath: 'guides/landing-page-psychology/index.html' },
  // ... 15 more routes
];

Enter fullscreen mode Exit fullscreen mode

Each route gets its own index.html in a subdirectory. The hosting config maps clean URLs to these files:

# render.yaml rewrite rules
- source: /guides/landing-page-psychology
  destination: /guides/landing-page-psychology/index.html

Enter fullscreen mode Exit fullscreen mode

Three files have to stay in sync: the sitemap, the prerender script, and the rewrite rules. Every time I add a page, all three need updating. I've shipped broken pages twice by forgetting one. There's no automation for it yet and it's the most annoying part of the setup.

What Google actually did with my pages

Once prerendering was working, pages started showing up in Google within a few days of being submitted through Search Console.

The timeline looked like this:

Weeks 1-2: zero to two impressions per day. Google barely knew the site existed.

Weeks 3-4: jumped to 1-13 per day once the prerendered pages got indexed.

Weeks 5-7: spiked to 18-40 per day. Content was getting picked up.

Weeks 8-12: settled back to 0-16 per day.

That spike in weeks 5-7 would look great in a screenshot if I cropped the chart. "40 impressions per day in 5 weeks!" But zoom out and the line is mostly flat. I think a lot of those growth posts do exactly this: screenshot the spike, skip the surrounding weeks.

The queries people searched

Google was matching my pages to real search queries:

  • "cro consultant" (conversion rate optimization): 289 impressions, 0 clicks (position 57)
  • "landing page conversion rate": 76 impressions, 0 clicks (position 68)

Position 57 is page 6. Nobody looks at page 6. The impressions prove Google knows my pages exist and considers them relevant. The position proves the domain doesn't have enough trust yet to compete.

What I'd do differently

I would use a meta framework from the start. Prerendering works, but it's a workaround. Every new page needs manual config in three places. A framework like Astro, Next.js, or Remix would handle this automatically. I didn't use one because I started this as a tool, not a content site. By the time search ranking mattered, I had too much code to move over. If your SPA needs to rank on Google, build the rendering pipeline before you need it.

I would submit to Search Console on day one. I waited three weeks before setting up Google Search Console. That's three weeks of Google not knowing the site existed. It's free and takes ten minutes.

I would pick search terms nobody else is targeting. The small, obscure terms worked. 8 of my pages are in Google's top 10 for the specific terms I was aiming at:

Page Position
Comparison page 1 3.0
Comparison page 2 4.7
Guide on persuasion 5.8
Guide on urgency 6.2
Audit study 7.1
Interactive quiz 7.2
Above-the-fold guide 8.0
Psychology guide 8.4

The catch: almost nobody searches for these terms. I picked them on purpose, as a test. If the writing can rank at all, I know the content is fine and the problem is domain age and backlinks, not content quality. That test passed.

What I learned about SPAs and search

The React-versus-SEO debate is real, but it's not about whether Google can render JavaScript. It's about whether you're willing to do the extra work to make sure it does.

With prerendering, my SPA gets indexed and ranks just fine. Without it, the pages showed up in Google's index with blank content. It either works or it doesn't. There's no middle ground.

If you're building a client-rendered SPA and want Google traffic, your options are:

  1. Prerender at build time (what I did). Works, but manual. Good if you have a small number of routes.
  2. Server-side render with Next.js, Remix, or Astro. Better long-term, more setup upfront.
  3. Hope Google renders your JS correctly. It sometimes does. I wouldn't bet on it.

After 12 weeks, I have 806 impressions and 8 pages in the top 10. The SPA part isn't holding me back. The thing slowing me down now is domain age and backlinks.

If you're building something similar and your Google numbers look like mine after a few months: that's normal. The prerendering works. The indexing works. The waiting is the hard part.


About the tool: I built ConversionProbe to audit landing pages the way a first-time visitor would see them. Paste a URL, get a report in 60 seconds. The SEO data in this post is from running it on my own site.