@lightupai/polaris 0.0.59 → 0.0.61

package/.github/workflows/ci.yml

@@ -91,5 +91,6 @@ jobs:
             git pull --ff-only &&
             docker compose -f docker-compose.prod.yml build &&
             docker compose -f docker-compose.prod.yml up -d --remove-orphans &&
+            docker compose -f docker-compose.prod.yml exec caddy caddy reload --config /etc/caddy/Caddyfile 2>/dev/null || true &&
             docker compose -f docker-compose.prod.yml ps
           "

package/deploy.sh

@@ -12,6 +12,7 @@ ssh "$USER@$HOST" "
   git pull --ff-only &&
   docker compose -f docker-compose.prod.yml build &&
   docker compose -f docker-compose.prod.yml up -d --remove-orphans &&
+  docker compose -f docker-compose.prod.yml exec caddy caddy reload --config /etc/caddy/Caddyfile 2>/dev/null || true &&
   docker compose -f docker-compose.prod.yml ps
 "
 

package/docker/Caddyfile

@@ -1,7 +1,9 @@
 withpolaris.ai, app.withpolaris.ai {
+    encode zstd gzip
     reverse_proxy web:3000
 }
 
 api.withpolaris.ai {
+    encode zstd gzip
     reverse_proxy api:4321
 }

package/docs/seo-geo.md

@@ -11,6 +11,10 @@
 - [x] **sitemap.xml** — lists the landing page
 - [x] **Cloudflare DNS** — domain managed on Cloudflare with MX + SPF records
 - [x] **Email routing** — `*@withpolaris.ai` forwards to `support@lightup.ai`
+- [x] **Self-host Tailwind CSS** — replaced 127KB CDN script with purged 26KB static CSS (5.5KB gzip). Production Lighthouse: score 84→99, FCP 3.4s→1.6s, page weight 175KB→77KB
+- [x] **Lighthouse performance audit** — `make perf` runs mobile+desktop against prod and local, checks Google "good" budgets (score≥90, FCP≤1.8s, LCP≤2.5s), saves JSON to `docs/audits/`
+- [x] **DataForSEO on-page audit** — `make seo` runs 20 SEO checks via DataForSEO API, saves JSON to `docs/audits/`
+- [x] **Heading hierarchy** — verified: 1×h1, 7×h2, 18×h3, proper structure (DataForSEO score 100/100)
 
 ## SEO — To Do
 
@@ -27,10 +31,13 @@
   - Cloudflare Web Analytics (free, built into Cloudflare dashboard)
   Add the tracking script to the layout.
 
-- [ ] **Self-host Tailwind CSS**
-  Currently loading Tailwind CDN (~300KB) on every page. Purge and self-host
-  to reduce to ~10KB. Improves page speed and Core Web Vitals score.
-  Affects Google ranking.
+- [ ] **Favicon**
+  No favicon set. Flagged by DataForSEO audit. Add one for browser tabs and bookmarks.
+  Use the Polaris hub icon or a simplified version.
+
+- [ ] **Enable gzip/brotli compression**
+  DataForSEO flagged `no_content_encoding`. Caddy should be compressing responses.
+  Add `encode gzip zstd` to the Caddyfile.
 
 ### Medium Priority
 
@@ -61,15 +68,11 @@
   - "Gong for AI coding"
   Options: simple `/blog` route with markdown rendering, or a subdomain `blog.withpolaris.ai`.
 
-- [ ] **Heading hierarchy audit**
-  Ensure proper h1 → h2 → h3 structure on the landing page.
-  Only one h1 per page. Check that section headers use correct levels.
-
 ### Low Priority
 
-- [ ] **Favicon**
-  No favicon set. Add one for browser tabs and bookmarks.
-  Use the Polaris hub icon or a simplified version.
+- [ ] **Improve content rate**
+  DataForSEO flagged text at 8.2% of page HTML (want ≥10%).
+  More copy or blog content will fix this.
 
 - [ ] **404 page**
   Custom 404 page with navigation back to the landing page.
@@ -108,9 +111,9 @@
   - Or relying on Cloudflare proxy to cache static content at edge
 
 - [ ] **Cache headers for static assets**
-  OG image has 24h cache. Landing page HTML has `Cache-Control: no-store`.
-  Consider adding short cache (5-10 min) for the landing page since it
-  changes infrequently. CSS/JS should have long cache with versioned URLs.
+  OG image has 24h cache. CSS has immutable 1yr cache. Landing page HTML
+  has `Cache-Control: no-store` — consider short cache (5-10 min) since
+  it changes infrequently.
 
 ### Low Priority
 

package/favicon.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <circle cx="16" cy="16" r="14" fill="#4c6ef5"/>
+  <circle cx="16" cy="16" r="4" fill="white"/>
+  <circle cx="16" cy="6" r="2.5" fill="white"/>
+  <circle cx="24.7" cy="21" r="2.5" fill="white"/>
+  <circle cx="7.3" cy="21" r="2.5" fill="white"/>
+  <line x1="16" y1="12" x2="16" y2="8.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+  <line x1="19.5" y1="18" x2="22.5" y2="19.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+  <line x1="12.5" y1="18" x2="9.5" y2="19.5" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lightupai/polaris",
-  "version": "0.0.59",
+  "version": "0.0.61",
   "type": "module",
   "bin": {
     "polaris": "bin/polaris",

package/scripts/seo-audit.ts

@@ -118,8 +118,8 @@ check("Desc/content match", content.description_to_content_consistency >= 0.8,
 
 // Technical
 check("Favicon", !checks.no_favicon, checks.no_favicon ? "missing" : "present");
-check("No render-blocking", !checks.has_render_blocking_resources,
-  checks.has_render_blocking_resources ? `${meta.render_blocking_scripts_count} script(s)` : "clean");
+check("No render-blocking scripts", (meta.render_blocking_scripts_count ?? 0) === 0,
+  (meta.render_blocking_scripts_count ?? 0) === 0 ? "clean" : `${meta.render_blocking_scripts_count} script(s)`);
 check("Content encoding", !checks.no_content_encoding,
   checks.no_content_encoding ? "no gzip/brotli" : "enabled");
 check("SEO-friendly URL", !!checks.seo_friendly_url, checks.seo_friendly_url ? "yes" : "no");

package/src/web/app.ts

@@ -149,6 +149,15 @@ export function createApp(sql: Sql) {
     });
   });
 
+  app.get("/favicon.svg", async (c) => {
+    const file = Bun.file(new URL("../../favicon.svg", import.meta.url).pathname);
+    return new Response(await file.arrayBuffer(), {
+      headers: { "Content-Type": "image/svg+xml", "Cache-Control": "public, max-age=31536000, immutable" },
+    });
+  });
+
+  app.get("/favicon.ico", (c) => c.redirect("/favicon.svg", 301));
+
   // --- SEO ---
 
   app.get("/og-image.png", async (c) => {

package/src/web/layout.ts

@@ -37,6 +37,7 @@ export function layout(body: string, title = "Polaris", seo?: SeoOpts): Response
 <meta name="twitter:title" content="${pageTitle}">
 <meta name="twitter:description" content="${description}">
 <meta name="twitter:image" content="${ogImage}">
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
 <link rel="stylesheet" href="/styles.css">
 </head>
 <body class="bg-gray-50 text-gray-900 antialiased"><div class="overflow-x-hidden max-w-[100vw]">${body}</div>