How This Website Is Built

Why Stack Transparency Matters

Your website's technology stack directly impacts performance, SEO, and conversion rates. Slower architectures mean slower Core Web Vitals, which means lower search rankings and fewer customers. This page explains exactly what powers this site and why each choice matters for your business.

Frontend Framework: Next.js 16

We use Next.js 16 with the App Router for server-side rendering (SSR), static site generation (SSG), and incremental static regeneration (ISR). This hybrid approach means:

• Zero JavaScript bloat: Pages render on the server first, reducing client-side JavaScript.
• Instant Time to First Byte (TTFB): Content is cached and served from edge servers.
• Automatic code splitting: Only JavaScript needed for the current page is sent to the browser.
• Built-in image optimization: <Image> component serves modern formats (WebP) with lazy loading.

This is why sites built on Next.js rank faster in Core Web Vitals than older frameworks or template builders.

Language: TypeScript

100% TypeScript, zero JavaScript. TypeScript catches bugs at compile time, not runtime. This means:

• Fewer production errors and crashed components.
• Better IDE autocompletion and documentation.
• Refactoring is safer and faster across thousands of files.
• Team velocity increases because types replace documentation.

For revenue-critical pages (checkout, forms, CTAs), TypeScript prevents silent failures that kill conversions.

React 19 + Server Components

React 19 with Server Components (React Server Components/RSCs) powers the rendering. Key benefits:

• Direct database queries: Server components can query databases without API routes.
• Secrets stay secret: API keys and tokens never reach the browser.
• Smaller JavaScript bundles: Heavy libraries stay on the server.
• Real-time content: Fetch fresh data on every request without client-side fetching.

This is why Next.js pages load faster than React SPAs (Single Page Applications) that fetch everything client-side.

Styling: Tailwind CSS v4

Tailwind CSS v4 with PostCSS for utility-first, production-safe styling. Every CSS class used is analyzed at build time; unused CSS is stripped. This means:

• Minimal CSS bundles (usually under 20KB gzipped).
• No naming conflicts or specificity wars.
• Dark mode, responsive design, and animations built-in.
• Design tokens ensure consistency across 100+ components.

3D Performance Map: Deck.gl + Mapbox GL

The interactive 3D map uses Deck.gl (by Uber) for WebGL rendering and Mapbox GL for the base map tiles. This is the same stack used by Google Earth and Figma for performance-critical 3D visualization:

• GPU-accelerated rendering handles 10,000+ data points at 60 FPS.
• Custom Mapbox style for branded, on-brand map aesthetics.
• Dynamic imports prevent Deck.gl from blocking page load.
• Falls back gracefully on unsupported browsers (no 3D, no crash).

Icons: Lucide React

Lucide React provides 500+ customizable SVG icons. SVG icons are:

• Infinitely scalable (pixel-perfect at any size).
• Tiny file size (typically 1-2KB per icon).
• Themeable with CSS (color, stroke-width, opacity).
• Accessible by default (semantic HTML, ARIA attributes).

Package Manager: pnpm

pnpm (performant npm) is a faster, more disk-efficient package manager than npm or yarn:

• Faster installs (hardlinked dependencies share disk space).
• Stricter dependency resolution prevents hidden issues.
• Monorepo support for scaling multiple apps.
• Smaller CI/CD build times.

Hosting & CDN: Vercel

Vercel (creators of Next.js) hosts this site. Benefits:

• Global edge network: Content served from 300+ edge locations worldwide.
• Automatic HTTPS: All traffic encrypted by default.
• Zero-downtime deployments: Deploy with git push.
• Vercel Analytics: Real user monitoring (RUM) without slowing down pages.
• Built-in image optimization: Automatic WebP, AVIF, and responsive sizing.

This is why Vercel sites consistently achieve 90+ Core Web Vitals scores out of the box.

Schema Markup & Structured Data

This site uses JSON-LD schema markup for Google Search to understand content:

• Organization schema for company info.
• LocalBusiness schema for location/service areas.
• FAQPage schema for rich snippets in search results.
• BreadcrumbList for navigation clarity.

Schema markup is invisible to users but crucial for SEO. It increases CTR (click-through rate) by 20-30% on average.

Tracking & Analytics

We track real user interactions to optimize conversion funnels:

• Vercel Web Analytics: Core Web Vitals, page load times, real user data.
• Google Analytics 4: User flows, goal completions, revenue attribution.
• Event tracking: Button clicks, form submissions, video plays.

Without tracking, you're flying blind. Data drives every optimization.

Asset Formats: SVG, PNG, WebP, AVIF

Different formats for different use cases:

• SVG: Icons, logos, diagrams (infinitely scalable, smallest for graphics).
• WebP: Modern photos (30% smaller than JPEG, supported by 98% of browsers).
• AVIF: Cutting-edge format (15% smaller than WebP, for newest browsers).
• PNG: Fallback for legacy browsers and images requiring transparency.

Every image is optimized, resized, and lazy-loaded. Unoptimized images are the #1 cause of slow websites.

Sitemap & Robots.txt

We maintain:

• /sitemap.xml — Lists all pages for Google to crawl.
• /robots.txt — Directs search engine crawlers away from internal pages.
• Meta tags — Canonical URLs prevent duplicate content issues.

These files help search engines crawl efficiently and index pages correctly.

Domain & SSL/TLS

HTTPS is mandatory. Every page served over TLS encryption. Google's algorithm favors HTTPS sites, and all modern browsers show warnings for HTTP. SSL/TLS is free via Vercel; there's no excuse for unencrypted sites.

Why All of This Matters for Revenue

Every technical decision cascades into business results:

• Fast pages: 1 second delay = 7% drop in conversions.
• Good Core Web Vitals: Ranked higher in Google search results.
• Mobile optimization: 60% of traffic is mobile; slow mobile = lost revenue.
• Accessibility: 15% of the global population has disabilities; accessible sites convert better.
• Transparent tech stack: Builds trust with clients who understand they're getting modern, maintainable code.

We don't choose technology for complexity. We choose for performance, reliability, and ROI.