ChilliCream · michaelstaib · Feb 19, 2026 · Feb 18, 2026 · Feb 19, 2026 · Feb 19, 2026
diff --git a/.devcontainer/frontend/devcontainer.json b/.devcontainer/frontend/devcontainer.json
@@ -1,6 +1,7 @@
 {
  "name": "ChilliCream Frontend",
  "image": "mcr.microsoft.com/devcontainers/javascript-node:22-bookworm",
+  "runArgs": ["--shm-size=512m"],
  "features": {
    "ghcr.io/devcontainers/features/github-cli:1": {}
  },

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -124,10 +124,22 @@ jobs:
          restore-keys: |
            ${{ runner.os }}-yarn-

+      - name: Cache Optimized Images
+        uses: actions/cache@v5
+        with:
+          path: website/.next/cache/images
+          key: ${{ runner.os }}-optimized-images-${{ hashFiles('website/public/images/**', 'website/public/docs/**/*.png', 'website/public/docs/**/*.jpg', 'website/public/docs/**/*.webp') }}
+          restore-keys: |
+            ${{ runner.os }}-optimized-images-
+
      - name: Install Packages
        run: yarn --immutable --network-timeout 100000
        working-directory: website

+      - name: Optimize Images
+        run: yarn optimize-images
+        working-directory: website
+
      - name: Build Website
        run: yarn build
        working-directory: website

diff --git a/.github/workflows/publish-website.yml b/.github/workflows/publish-website.yml
@@ -46,6 +46,14 @@ jobs:
          restore-keys: |
            ${{ runner.os }}-yarn-

+      - name: Cache Optimized Images
+        uses: actions/cache@v5
+        with:
+          path: website/.next/cache/images
+          key: ${{ runner.os }}-optimized-images-${{ hashFiles('website/public/images/**', 'website/public/docs/**/*.png', 'website/public/docs/**/*.jpg', 'website/public/docs/**/*.webp') }}
+          restore-keys: |
+            ${{ runner.os }}-optimized-images-
+
      - name: Install Packages
        run: yarn --immutable --network-timeout 100000
        working-directory: website
@@ -65,6 +73,10 @@ jobs:
        run: yarn clean
        working-directory: website

+      - name: Optimize Images
+        run: yarn optimize-images
+        working-directory: website
+
      - name: Build Website
        run: yarn build
        working-directory: website

diff --git a/.mcp.json b/.mcp.json
@@ -0,0 +1,12 @@
+{
+  "mcpServers": {
+    "playwright": {
+      "command": "npx",
+      "args": ["-y", "@playwright/mcp@latest"]
+    },
+    "lighthouse": {
+      "command": "npx",
+      "args": ["-y", "@danielsogl/lighthouse-mcp@latest"]
+    }
+  }
+}
diff --git a/website/.gitignore b/website/.gitignore
@@ -68,5 +68,8 @@ typings/
 out/
 next-env.d.ts

+# Image optimization build output
+/public/optimized/
+
 # Mac files
 .DS_Store
diff --git a/website/app/layout.tsx b/website/app/layout.tsx
@@ -1,10 +1,18 @@
 import React from "react";
 import type { Metadata } from "next";
+import { Radio_Canada } from "next/font/google";

 import { Providers } from "@/lib/providers";
 import { siteMetadata } from "@/lib/site-config";
 import { getLatestBlogPostForHeader } from "@/lib/blog";

+const radioCanada = Radio_Canada({
+  subsets: ["latin"],
+  weight: ["400", "500", "600", "700"],
+  display: "swap",
+  variable: "--font-radio-canada",
+});
+
 export const metadata: Metadata = {
  title: {
    default: siteMetadata.title,
@@ -24,13 +32,7 @@ export default function RootLayout({
  const latestBlogPost = getLatestBlogPostForHeader();

  return (
-    <html lang="en">
-      <head>
-        <link
-          href="https://fonts.googleapis.com/css2?family=Radio+Canada:wght@400;500;600;700&display=swap"
-          rel="stylesheet"
-        />
-      </head>
+    <html lang="en" className={radioCanada.variable}>
      <body>
        <Providers latestBlogPost={latestBlogPost}>{children}</Providers>
      </body>