Websites Built for Windsurf & Cascade.
Harness Windsurf's deep codebase awareness and Cascade multi-file flows on a clean, zero-bloat Astro + TypeScript website repository pre-configured with `.windsurfrules`.
// Architecture & Integration
High-Velocity Website Editing with Windsurf Cascade.
Windsurf's Cascade engine excels at tracking developer intent across multiple files, previewing local dev servers, and executing terminal commands. However, when pointed at a legacy CMS or a tangled AI-builder export, Cascade gets bogged down in generated boilerplate.
FOURAK structures your website with modular React components, clean Astro layouts, and `.windsurfrules` at the root of the project so Windsurf Cascade can add features, update copy, and verify builds effortlessly.
- >Add a new comparison table to /web-systems/ and verify it in the live preview across all 3 themes.
- >Update our portfolio items in src/data/ and generate matching breadcrumb schema.
- >Create a new regional landing page for Soldotna and run npm run build.
# .windsurfrules — FOURAK Windsurf Cascade Configuration - Framework: Astro 5 Static Output + React 19 Islands + Tailwind CSS - Data Layer: All structured copy lives in src/data/*.ts - Theme System: Support .dark, .light, and .theme-orange CSS token scopes - Verification: Always run "npm run build" after multi-file edits
// 4-Layer Engineering Setup
How We Configure Your Site for Windsurf IDE.
Every FOURAK website ships pre-wired for both direct repository coding and real-time LLM answer engine indexing — with zero ongoing credit lock-in.
Cascade Context Rules
Configures Windsurf's Cascade agent with your exact component patterns, Tailwind tokens, and routing conventions.
Instant Local Dev Preview
`npm run dev` starts Astro's sub-second HMR server inside Windsurf's built-in browser preview so you see edits live.
Error-Free Content Updates
Strict TypeScript interfaces across `src/data/` ensure Cascade never breaks page layouts or SEO metadata.
Git Push to Global Edge
Commit and push from Windsurf to trigger automatic Cloudflare Pages preview or production deployments.
// Technical Questions & Answers
Windsurf IDE Website FAQ.
Can we migrate a prototype we started in Windsurf to FOURAK's production stack?
Yes. We take Windsurf prototypes, harden their SEO, accessibility (WCAG 2.2 AA), and security headers, wire up Cloudflare D1 + Resend forms, and hand back a clean repository you can keep editing in Windsurf.
Does Windsurf require a local database to preview our FOURAK website?
No. Because our sites are static-first Astro builds, running `npm install && npm run dev` spins up the entire 600+ page website locally on your laptop in under two seconds.
// Universal AI Interoperability
Other Supported AI Tools & LLMs.
Cursor AI
Open your website repository in Cursor, press Cmd+I in Composer, and add pages, update pricing, or launch campaigns in plain English — backed by custom .cursorrules guardrails and Cloudflare preview sandboxes.
Claude Code
Run Anthropic's terminal and desktop agent (`claude`) directly inside your website repository. Every FOURAK build ships with a tailored `CLAUDE.md` architectural manifest and full `ClaudeBot` search indexing.
Google Antigravity
FOURAK builds and maintains production web systems using Google DeepMind's Antigravity agentic coding environment (`agy`). Every client repository ships with `AGENTS.md` workspace isolation, WCAG 2.2 AA rules, and automated deployment pipelines.
GitHub Copilot
Assign a GitHub Issue to `@copilot` straight from your browser or mobile phone — and let GitHub Copilot's Coding Agent open a pull request with a live Cloudflare Pages preview link ready for your approval.
OpenAI / ChatGPT
Work with OpenAI's Codex CLI and ChatGPT GitHub connectors directly on your codebase (`AGENTS.md`), while ensuring `OAI-SearchBot` and `GPTBot` rank and cite your business in ChatGPT Search.
xAI Grok & GrokBot
Make your website first-class for xAI's Grok ecosystem — from using Grok 3 / Grok 4 for repository coding and content generation to ensuring `GrokBot`, `xAI-Bot`, and X/Twitter real-time crawlers index and cite your business.
Google Gemini
Feed your entire website repository into Google Gemini's 1M+ token context window or run `@google/gemini-cli` in your terminal (`GEMINI.md`) — while dominating Google AI Overviews with 100/100 Core Web Vitals and entity-linked Schema.org.
Perplexity AI
Perplexity AI is a citation-first answer engine. We engineer your website with open `PerplexityBot` access, `/llms-full.txt` documentation, empirical comparison tables, and structured JSON-LD so Perplexity cites your domain as the primary source.
Meta Llama / Local AI
Need 100% air-gapped or on-premise AI editing? Because a FOURAK website is pure static TypeScript, React, and Markdown with zero cloud builder lock-in, you can run Meta Llama 3.3 / Llama 4 locally via Ollama or vLLM on your own hardware.
DeepSeek & Qwen Coder
Plug open-weight powerhouses like DeepSeek-V3/R1 and Qwen Coder into Cline, Roo Code, or Aider — and update your website for pennies per million tokens with full TypeScript and Cloudflare preview safety.
Mistral & Codestral
Combine sub-100ms IDE code completions from Mistral's Codestral model on your TypeScript repository with full `MistralAI-User` web search indexing for Le Chat.
Own an AI-Ready Website Built for Windsurf IDE.
We configure your Astro + GitHub + Cloudflare repository with custom instruction manifests, Cloudflare preview sandboxes, and `/llms.txt` indexing from day one.