How we built this site.
- Every page indexable
- 100/100/100/100 Lighthouse
- Built once, served forever
This is not a template. Every page on standandstretch.ai was designed, coded, and deployed by our team using the same tools and standards we offer to clients. Here is exactly how it works and why it matters.
What these numbers mean for your business
You do not need to understand the technology. What matters is the result: your website loads instantly, ranks higher on Google, works perfectly on every device, and has no server to slow it down or get hacked. Here is what each piece does for you.
Instant Load Times
Every page on this site loads in under 200 milliseconds. That means when a customer clicks your link from Google, they see your content immediately. Slow sites lose 53% of visitors before the page even finishes loading.
Perfect on Every Device
The site is built mobile-first and tested on real devices. Google now ranks based on mobile performance, so a site that works perfectly on phones is not optional. It is a ranking requirement.
Built to Be Found
Every page has proper meta tags, schema markup, sitemap inclusion, and structured data. Google and AI search engines can read, understand, and rank every page without guessing. This is AEO-ready by default.
Per-Page Social Cards
Every page has its own Open Graph image built from a shared template. Share a city-and-service page on LinkedIn and the preview card shows that city's hero image with a city-specific headline. Sixty-plus unique cards generated programmatically at 1200x630 from one Astro template, with brand-locked typography. Add a new city or service and the OGs regenerate on the next build.
No Server Required
A traditional website runs a server 24/7 that processes PHP, queries a database, and rebuilds the page on every single visit. That is compute your customer waits for. This site is pre-built and served directly from Google's global CDN. No server processing. No database queries. Your customer gets the finished page instantly.
What powers this site
For the technically curious. This is the exact stack, with version numbers, architectural decisions, and why each choice was made.
Astro 5.18
FrameworkAstro is a static site generator that outputs zero JavaScript by default. Every page is pre-rendered to HTML at build time, not generated on each request. The result: sub-200ms load times because the browser receives finished HTML instead of waiting for JavaScript to build the page.
Tailwind CSS v4
StylingTailwind v4 uses a CSS-first configuration with native cascade layers and a Vite plugin for instant compilation. The design system is defined in a single @theme block: colors, fonts, spacing, and animations as CSS custom properties that generate utility classes automatically.
Google Cloud CDN
HostingThe built HTML files are uploaded to a Google Cloud Storage bucket and served through Google's global CDN (Content Delivery Network). Pages are cached at edge locations worldwide. A visitor in New York gets the page from a server near New York, not from our server in Georgia.
View Transitions API
NavigationWhen you click a link on this site, the page does not flash white and reload. It smoothly transitions using the browser's native View Transitions API. The header persists, content fades in, and the URL updates without a full page load. It feels like a single-page app but with zero JavaScript framework.
astro:page-load
event to capture every page view correctly.
WebP + Imagen AI
ImagesAll images are compressed to WebP format (77% smaller than JPEG). Hero backgrounds were generated using Google Gemini Imagen 4.0 through the Vertex AI API. Every city, industry, and niche page gets its own AI-generated hero image matched to the specific market it targets.
Schema.org + AEO
SEO / AEOEvery page includes Organization, WebPage, and BreadcrumbList JSON-LD schema. Blog posts add Article schema with author attribution. The structured data tells Google and AI search engines exactly what each page is about, who wrote it, and how it connects to the rest of the site.
How every page on this site gets built in seconds
The site uses data-driven static generation. Instead of creating each page manually, we define the data and let Astro generate every combination automatically.
Data Layer
Cities, industries, niches, and services. Each one defined once in TypeScript data files with names, descriptions, pricing, features, and constellation items.
Dynamic Routes
Astro's getStaticPaths() generates every combination at build time.
One template file produces every city/service, niche/city, and industry/service
combination automatically.
Build + Deploy
astro build compiles the entire site in seconds. A deploy script
syncs the output to Google Cloud Storage and invalidates the CDN cache. New
pages go live in under 60 seconds.
Zero Runtime
No server processes. No database queries. No PHP. No Node.js running in production. The site is static HTML, CSS, and a small amount of vanilla JavaScript for animations and form handling.
* Adding a new city or service to the data file automatically generates every matching page combination on the next build. One code change, one build, every page appears.
We build every client site to this standard.
This site is not a showpiece we built to impress and then deliver something lesser to clients. The same technology, the same performance standards, and the same attention to SEO and AEO are available to every business we work with.
Astro is our default for new client sites. It is the fastest, most secure, and most search-friendly way to build a modern business website. WordPress and Shopify remain available for specific use cases, but most new builds start with the same stack powering this page.
One strategist handles the design, the code, the SEO, and the ongoing management. No handoffs. No "that's not my department."
* Every site we build includes SEO foundation, schema markup, Google Analytics, and Search Console setup at no extra charge. AEO optimization available starting at $250/month.
Want a site built like this?
Schedule a call and we will walk you through what your site could look like with the same technology, speed, and search visibility powering this one.