ProductionWeb Platforms

Hurricane Works Website

High-performance headless CMS achieving 100/100 Lighthouse scores

Overview

The Hurricane Works corporate website, rebuilt as a high-performance Next.js application replacing a WordPress site. It achieves perfect 100/100 Lighthouse scores with sub-1.2-second load times through aggressive optimisation: static generation with ISR, image optimisation, font preloading, code splitting, and minimal client-side JavaScript.

The site includes a full CMS built into the admin interface, accessible only in development mode — making the public site completely static and secure. Content changes made locally are written to a shared Supabase database and appear on the live site within 60 seconds via ISR revalidation, without needing a deploy.

The CMS supports markdown blog posts with category/tag management, a media library with drag-and-drop upload, and an analytics dashboard powered by Simple Analytics.

100/100

Lighthouse Score

<1.2s

Load Time

60s

ISR Revalidation

50MB

Max File Upload

Key Features

Dev-Only CMS

Full admin interface with post editor, media library, and category management — accessible only in development mode for security.

ISR Content Updates

Blog posts revalidate every 60 seconds. Content changes made locally appear on the live site without a deploy.

Perfect Lighthouse Scores

100/100 across Performance, Accessibility, Best Practices, and SEO through server components, image optimisation, and minimal JS.

Smart Image Resolution

Images stored as filenames in the database with a resolution layer that converts to full Supabase Storage URLs with in-memory caching.

H1 Deduplication

Automated detection and stripping of duplicate H1 tags in markdown content, with admin warnings to prevent future issues.

Analytics Dashboard

Privacy-first analytics via Simple Analytics with 5-minute caching, showing pageviews, referrers, devices, and geographic data.

Technology Stack

Frontend

Next.js 16React 19TypeScriptTailwind CSS

Backend

Supabase (PostgreSQL)Supabase AuthSupabase Storage

Content

Markdown renderingReactMarkdownCustom CMS

Infrastructure

NetlifyISR (60s revalidation)Simple Analytics

Architecture

Static Next.js site with ISR served from Netlify CDN. Shared Supabase database for content, auth, and media storage. Admin interface is development-only (returns 404 in production). Content pipeline: edit locally, save to shared DB, ISR picks up changes within 60 seconds.

•Next.js with ISR (Netlify CDN)

•Supabase PostgreSQL (posts, categories, tags, media)

•Supabase Storage (media files)

•Supabase Auth (admin access)

•Simple Analytics API

View More Projects

Explore the full portfolio of web platforms, data pipelines, and AI-powered tools.

Back to Portfolio