2RCLOUD

A senior consultant who needed a site that works harder than a LinkedIn profile.

Rachid Touri delivers Service Cloud, Apex, LWC, and Copado release governance to European enterprises — Stellantis, Volkswagen Group, CEVA, Renault, Alain Afflelou. The brief was blunt: build a standalone brand site that ranks for enterprise Salesforce delivery queries, shows the rate (€250/day) before anyone has to ask, and turns a cold visit into a hire request without a single back-and-forth email.

Zero-JS output. Crawlable on the first byte.

We chose Astro because its output is plain HTML — no client-side framework, no hydration budget, nothing between the server and the browser. What that means in practice:

• Island architecture — every .astro component compiles to static markup. No JavaScript reaches the browser unless explicitly opted in with a client:* directive. The entire 2RCLOUD site ships with zero runtime JS.
• Build-time rendering — structured data, hreflang tags, canonical URLs, and Open Graph meta are all injected at astro build, not at request time. Google's crawler sees the finished HTML on the very first fetch — no waiting for hydration.
• Asset pipeline — Astro's built-in Vite pipeline minifies CSS, fingerprints assets, and inlines critical styles. The result: a single <link rel="stylesheet">, no render-blocking scripts, no layout shift from late-loading fonts.
• Static output to any host — dist/ is a folder of HTML files. No Node server, no serverless functions, no cold starts. CDN-edge delivery out of the box.

Structured data and bilingual routing that AI search reads first.

SEO for a consultant isn't about blog volume. It's about being the right answer when a CTO searches "Salesforce Tech Lead remote France." We built the technical infrastructure for that:

• Person schema — @type: Person JSON-LD block with jobTitle, knowsAbout (Service Cloud, Apex, LWC, Copado), areaServed (France, Europe, Gulf, North America), and email. Google's AI Overviews pull this directly into knowledge panels.
• FAQPage schema — the FAQ section maps to an @type: FAQPage block with each Q&A as an acceptedAnswer. Bing Copilot and Google's featured snippets source from this, not the body copy.
• hreflang EN/FR — self-referential and cross-referential hreflang annotations on every page pair. Each locale has its own canonical. The XML sitemap uses <xhtml:link> alternates so Googlebot indexes both language trees independently — doubling the keyword surface area in European search.
• Semantic heading hierarchy — a single <h1> per page, with h2–h4 forming a strict topic tree. No heading used for styling. Screen readers and crawlers see the same outline.
• XML sitemap + robots.txt — auto-generated at build, submitted to Google Search Console and Bing Webmaster Tools on launch.

Sub-second load. Near-zero CLS. No excuses.

A site for a technical consultant has to be technically fast — because the first signal of quality a CTO reads is the load time. We engineered every layer:

• Images: AVIF + WebP with explicit width and height attributes on every <img>. The browser pre-allocates the layout slot before the image downloads — Cumulative Layout Shift stays near zero.
• LCP image preloaded — the hero profile photo has a <link rel="preload" as="image"> in <head>. It starts downloading before the stylesheet finishes parsing.
• No render-blocking resources — zero @import in CSS, zero synchronous <script> in <body>. The First Contentful Paint fires the moment the HTML parses.
• CSS custom properties for theming — the dark/light switch is a single data-theme attribute on <html>. No JavaScript class toggling on individual elements, no re-render, no repaint cascade. One attribute change, every token updates via the cascade.
• Theme persistence — localStorage read in an inline <script> at the top of <head>, before any stylesheet parses. Zero flash of wrong theme, even on first load.

Two modes. One token set. No duplication.

The visual identity runs on a CSS custom property token system — colours, spacing, type scales, and border radii all defined once as :root variables and overridden per theme in a [data-theme="light"] block. No Sass, no Tailwind, no framework — just the cascade doing what it was built for.

• Green accent #00e87b — the sole brand colour. Applied at 10% opacity for subtle fills, 100% for primary CTAs. Legible on both dark (#0d1117) and light (#f9fafb) backgrounds at WCAG AA contrast.
• Typography — system font stack on body copy (zero font-download latency), a single display typeface loaded via font-display: swap with a matching metric-compatible fallback to prevent layout shift.
• Mobile-first responsive layout — sidebar collapses to a top card on small viewports. No JavaScript breakpoint listeners — pure CSS @container and @media queries.
• Scroll-driven animations — subtle fade-in on section entry via IntersectionObserver. Falls back gracefully when prefers-reduced-motion: reduce is set — the content is visible immediately, no animation.