How we built this site.
- 268 indexable pages
- 100/100/100/100 Lighthouse
- 3.8 second build
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.
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. 14 unique city and industry images, each generated to match the specific market the page 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 268 indexable pages get built in 3.8 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
7 cities, 10 industries, 18 niches, 8 services. Each 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 56 city/service pages, 126 niche/city pages, and
90 industry/service pages automatically.
Build + Deploy
astro build compiles 268 indexable pages in 3.8 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 page combination on the next build. When we added AEO as a service, 17 new pages appeared in one commit.
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.
Whether you need an Astro site with perfect Lighthouse scores, a WordPress site on Elementor that you can edit yourself, or a Shopify store that drives real revenue, we build to the same quality bar. 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.