Put key content in static HTML — Windsurf

Using a different tool? Pick your stack:

The prompt for Windsurf

Copy and paste this into your Windsurf chat exactly as-is.

Using Windsurf Cascade, apply these edits across the project in one pass:

Increase static content density

1. Identify the page sections that currently render as empty divs filled by JavaScript.
2. Move the actual text content into the static HTML — headlines, body copy, lists.
3. Trim wrapper divs that exist only for layout — fewer divs, more semantic tags (article, section, p).

Why this matters

Common mistakes to avoid

• error_outlineFetching content in useEffect and rendering a loading skeleton on first paint — the skeleton is what ships in HTML, not the content.
• error_outlineMarking a layout file `"use client"` in Next.js — cascades to every page.
• error_outlineUsing `next/dynamic` with `ssr: false` for content that should be public.
• error_outlineHiding content behind a state toggle (e.g., a tab that is JS-initialized) — hidden content in HTML is fine; unrendered content is not.

How to verify the fix worked

• check_circleView-source (Ctrl+U) — your main headline, first paragraph, and CTAs must be in the HTML.
• check_circleDisable JavaScript — reload — core content must still render and be readable.
• check_circle`curl -s URL | grep "your keyword"` — returns matches for important content.
• check_circleTest with https://www.browserless.io/ or a headless fetcher without JS — content appears.

Frequently asked questions