---
title: "Hurricane Works Website"
url: https://hurricane.works/ai/projects/hurricane-works/
description: "High-performance headless CMS achieving 100/100 Lighthouse scores"
status: "Production"
categories: ["Web Platforms"]
---

# Hurricane Works Website

High-performance headless CMS achieving 100/100 Lighthouse scores

**Status:** Production
**Live URL:** https://hurricane.works

## 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.

## 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 16
- React 19
- TypeScript
- Tailwind CSS

### Backend
- Supabase (PostgreSQL)
- Supabase Auth
- Supabase Storage

### Content
- Markdown rendering
- ReactMarkdown
- Custom CMS

### Infrastructure
- Netlify
- ISR (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