feat(website-v2): bundle analyzer, next/image, WASM service worker caching

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: 2 people

website/next.config.ts

@@ -1,4 +1,9 @@
 import type { NextConfig } from 'next';
+import withBundleAnalyzer from '@next/bundle-analyzer';
+
+const withAnalyzer = withBundleAnalyzer({
+  enabled: process.env.ANALYZE === 'true',
+});
 
 const nextConfig: NextConfig = {
   async headers() {
@@ -43,4 +48,4 @@ const nextConfig: NextConfig = {
   },
 };
 
-export default nextConfig;
+export default withAnalyzer(nextConfig);

website/package-lock.json

@@ -6,7 +6,8 @@
     "dev": "next dev",
     "prebuild": "node scripts/split-changelog.js",
     "build": "next build",
-    "start": "next start"
+    "start": "next start",
+    "analyze": "ANALYZE=true next build"
   },
   "dependencies": {
     "@codemirror/lang-sql": "^6.10.0",
@@ -31,6 +32,7 @@
     "unist-util-visit": "^5.1.0"
   },
   "devDependencies": {
+    "@next/bundle-analyzer": "^16.1.7",
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",

website/package.json

@@ -0,0 +1,33 @@
+const WASM_CACHE = 'gosqlx-wasm-v1';
+const WASM_URL = '/wasm/gosqlx.wasm';
+
+self.addEventListener('install', (event) => {
+  event.waitUntil(
+    caches.open(WASM_CACHE).then((cache) => cache.add(WASM_URL))
+  );
+  self.skipWaiting();
+});
+
+self.addEventListener('activate', (event) => {
+  event.waitUntil(
+    caches.keys().then((keys) =>
+      Promise.all(keys.filter((k) => k !== WASM_CACHE).map((k) => caches.delete(k)))
+    )
+  );
+  self.clients.claim();
+});
+
+self.addEventListener('fetch', (event) => {
+  if (event.request.url.endsWith('gosqlx.wasm')) {
+    event.respondWith(
+      caches.match(event.request).then((cached) => {
+        if (cached) return cached;
+        return fetch(event.request).then((response) => {
+          const clone = response.clone();
+          caches.open(WASM_CACHE).then((cache) => cache.put(event.request, clone));
+          return response;
+        });
+      })
+    );
+  }
+});