From 9f204c36ecd65c1351ab33992d18a8fb35d54da1 Mon Sep 17 00:00:00 2001
From: ice breaker <1324318532@qq.com>
Date: Wed, 2 Sep 2026 01:26:25 +0800
Subject: [PATCH 1/3] feat(web): redesign weapp.dev developer platform site

---
 apps/web/src/components/Footer.astro   |   4 +
 apps/web/src/components/Header.astro   |  24 ++
 apps/web/src/components/HomePage.astro |  45 ++-
 apps/web/src/i18n/ui.ts                |  12 +-
 apps/web/src/lib/seo.ts                |   1 +
 apps/web/src/pages/en/index.astro      |   2 +-
 apps/web/src/pages/index.astro         |   2 +-
 apps/web/src/styles/classes.ts         |  16 +-
 apps/web/src/styles/global.css         | 409 ++++++++++++++++++++++++-
 apps/web/tests/e2e/site.spec.ts        |   2 +
 10 files changed, 484 insertions(+), 33 deletions(-)

diff --git a/apps/web/src/components/Footer.astro b/apps/web/src/components/Footer.astro
index d096e0e..9a0e895 100644
--- a/apps/web/src/components/Footer.astro
+++ b/apps/web/src/components/Footer.astro
@@ -31,6 +31,10 @@ const copy = siteCopy[locale]
           <ArrowUpRight size={14} stroke-width={1.8} aria-hidden="true" />
         </a>
       ))}
+      <a class="mb-3 flex w-fit items-center gap-1.5 font-display text-sm font-[590] hover:text-brand" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
+        weapp-sqlite
+        <ArrowUpRight size={14} stroke-width={1.8} aria-hidden="true" />
+      </a>
     </div>
     <div>
       <h2 class="mb-4 font-mono text-xs font-[650] text-copy-muted">{copy.footer.resources}</h2>
diff --git a/apps/web/src/components/Header.astro b/apps/web/src/components/Header.astro
index 951b604..f20f7cc 100644
--- a/apps/web/src/components/Header.astro
+++ b/apps/web/src/components/Header.astro
@@ -43,6 +43,13 @@ const navLink = 'inline-flex items-center gap-1.5 whitespace-nowrap py-2 text-sm
               </span>
             </a>
           ))}
+          <a class="grid grid-cols-[38px_1fr] items-center gap-3 rounded-[6px] p-3 transition-colors hover:bg-panel-soft" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
+            <span class="grid size-[38px] place-items-center rounded-[6px] bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-sm font-bold text-ink">DB</span>
+            <span class="min-w-0">
+              <strong class="block font-display text-sm font-[650] text-ink">weapp-sqlite</strong>
+              <small class="mt-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-xs font-[450] text-copy-muted">Data / local SQLite runtime</small>
+            </span>
+          </a>
         </div>
       </details>
       <a class={navLink} href={`${home}#about`} data-analytics-event="navigate_section" data-analytics-section="about">{copy.nav.about}</a>
@@ -76,6 +83,10 @@ const navLink = 'inline-flex items-center gap-1.5 whitespace-nowrap py-2 text-sm
               {project.data.locales[locale].name}
             </a>
           ))}
+          <a class="grid grid-cols-[30px_1fr] items-center gap-3 rounded-[6px] p-3 font-display text-sm font-[650] hover:bg-panel-soft" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
+            <span class="grid size-7 place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-[10px] font-bold text-ink">DB</span>
+            weapp-sqlite
+          </a>
           <span class="my-1 h-px bg-line" aria-hidden="true"></span>
           <a class="rounded-[6px] p-3 text-sm font-semibold hover:bg-panel-soft" href={`${home}#about`} data-analytics-event="navigate_section" data-analytics-section="about">{copy.nav.about}</a>
           <a class="rounded-[6px] p-3 text-sm font-semibold hover:bg-panel-soft" href={`${home}#vision`} data-analytics-event="navigate_section" data-analytics-section="vision">{copy.nav.vision}</a>
@@ -92,4 +103,17 @@ const navLink = 'inline-flex items-center gap-1.5 whitespace-nowrap py-2 text-sm
   document.querySelectorAll('[data-mobile-menu] nav a').forEach((link) => {
     link.addEventListener('click', () => link.closest('details')?.removeAttribute('open'))
   })
+
+  document.querySelectorAll('[data-mobile-menu]').forEach((menu) => {
+    menu.addEventListener('toggle', () => {
+      if (!menu.open) return
+      const closeOnEscape = (event) => {
+        if (event.key !== 'Escape') return
+        menu.removeAttribute('open')
+        menu.querySelector('summary')?.focus()
+        document.removeEventListener('keydown', closeOnEscape)
+      }
+      document.addEventListener('keydown', closeOnEscape)
+    })
+  })
 </script>
diff --git a/apps/web/src/components/HomePage.astro b/apps/web/src/components/HomePage.astro
index 61bdea9..e0e48ed 100644
--- a/apps/web/src/components/HomePage.astro
+++ b/apps/web/src/components/HomePage.astro
@@ -1,5 +1,5 @@
 ---
-import { ArrowRight, ArrowUpRight, BadgeCheck, BookOpen, GitFork, Heart, Layers2, Package, ScanLine, ShieldCheck } from '@lucide/astro'
+import { ArrowRight, ArrowUpRight, BadgeCheck, BookOpen, Database, GitFork, Heart, Layers2, Package, ScanLine, ShieldCheck } from '@lucide/astro'
 import type { Locale, ProjectMetricsMap } from '../types/project'
 import type { ProjectEntry } from '../lib/projects'
 import { formatCompactNumber, formatReleaseDate } from '../lib/metrics'
@@ -60,6 +60,12 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
           </a>
         )
       })}
+      <a data-hero-enter style={`--enter-delay: ${220 + projects.length * 45}ms`} class="home-project-link" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
+        <span class="home-project-index">04</span>
+        <span class="grid size-[2.1rem] place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-xs font-bold text-ink">DB</span>
+        <span class="min-w-0"><strong>weapp-sqlite</strong><small>{locale === 'zh-CN' ? '数据 / 本地 SQLite 运行时' : 'DATA / LOCAL SQLITE RUNTIME'}</small></span>
+        <ArrowUpRight class="home-project-arrow" size={17} stroke-width={1.8} aria-hidden="true" />
+      </a>
     </div>
   </section>
 
@@ -105,16 +111,11 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
             <a class:list={['home-project-visual-link', index === 1 ? 'order-2 max-[800px]:order-none' : '']} href={project.data.docsUrl} target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="project_home_visual" data-analytics-project={project.id} aria-label={locale === 'zh-CN' ? `打开 ${content.name} 官方站点` : `Open ${content.name} official site`}>
             <figure data-reveal data-project-visual class="relative m-0 overflow-hidden rounded-panel border border-line bg-panel-soft">
               <div class="project-art" data-art={project.id} data-shader-frame aria-label={visualCopy.alt}>
-                <ShaderCanvas
-                  preset={project.id === 'weapp-tailwindcss' ? 'marble' : project.id === 'weapp-vite' ? 'tunnel' : 'orbit'}
-                  label={visualCopy.alt}
-                  class="project-shader"
-                  scale={0.72}
-                />
-                <div class="art-chrome"><span></span><span></span><span></span><b>{project.data.packageName}</b></div>
-                {project.id === 'weapp-tailwindcss' && <div class="art-tailwind"><div class="art-sidebar"><i></i><i></i><i></i><i></i></div><div class="art-canvas"><strong>utility-first</strong><span class="art-line w-4/5"></span><span class="art-line w-3/5"></span><span class="art-line w-11/12"></span><div class="art-chip-row"><em>p-4</em><em>flex</em><em>gap-2</em></div></div></div>}
-                {project.id === 'weapp-vite' && <div class="art-vite"><div class="art-terminal"><span class="art-prompt">$</span> vite build --mode weapp<strong>✓ built in 1.42s</strong><small>dist/weapp / 24 modules</small></div><div class="art-bars"><i></i><i></i><i></i><i></i><i></i></div></div>}
-                {project.id === 'varo' && <div class="art-varo"><div class="art-component"><span class="art-avatar"></span><span class="art-line w-3/5"></span><span class="art-line w-4/5"></span><button type="button">Install block</button></div><div class="art-registry"><i></i><i></i><i></i><i></i><i></i><i></i></div></div>}
+                <picture>
+                  <source srcset={visual.avif} type="image/avif" />
+                  <img class="size-full object-cover object-top" src={visual.src} width={visual.width} height={visual.height} alt={visualCopy.alt} loading="lazy" />
+                </picture>
+                <span class="project-art-label">{project.data.packageName}</span>
               </div>
               <figcaption class="border-t border-line bg-panel px-4 py-3 text-xs text-copy-muted">{visualCopy.caption}</figcaption>
             </figure>
@@ -151,6 +152,25 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
         )
       })}
     </div>
+
+    <article data-reveal class="sqlite-capability-row mt-20 grid grid-cols-[1.1fr_.9fr] items-center gap-10 border-y border-line bg-panel-soft px-8 py-8 max-[800px]:mt-14 max-[800px]:grid-cols-1 max-[720px]:px-5">
+      <div>
+        <div class="mb-4 flex items-center gap-3">
+          <span class="grid size-10 place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface))] font-mono text-xs font-bold text-ink">DB</span>
+          <span class="font-mono text-xs font-bold uppercase tracking-[0.12em] text-brand">04 / DATA</span>
+        </div>
+        <h3 class="mb-3 text-[clamp(1.7rem,3vw,2.5rem)] font-[700] tracking-[-0.04em]">weapp-sqlite</h3>
+        <p class="mb-5 max-w-[560px] text-copy-muted">{locale === 'zh-CN' ? '把本地数据能力放回真实运行时：为多端小程序提供可复用的 SQLite 数据层。' : 'Keep local data close to the runtime with a reusable SQLite layer for multi-platform mini-apps.'}</p>
+        <a class={buttonSecondary} href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">{locale === 'zh-CN' ? '查看数据能力' : 'Explore data layer'} <ArrowUpRight size={16} stroke-width={1.8} aria-hidden="true" /></a>
+      </div>
+      <div class="sqlite-signal" aria-hidden="true">
+        <Database size={28} stroke-width={1.5} />
+        <span class="sqlite-signal-line"></span>
+        <span class="sqlite-signal-chip">local.db</span>
+        <span class="sqlite-signal-line"></span>
+        <span class="sqlite-signal-chip">runtime</span>
+      </div>
+    </article>
   </section>
 
   <section class="border-y border-line bg-panel-soft" id="commercial">
@@ -258,8 +278,5 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
     .home-project-link, .home-project-link:first-child { grid-template-columns: 1.4rem 2rem minmax(0, 1fr) auto; padding: .85rem 0; border-right: 0; border-bottom: 1px solid color-mix(in srgb, var(--surface) 18%, transparent); }
     .home-project-link:last-child { border-bottom: 0; }
     .home-project-link img { width: 2rem; height: 2rem; }
-    .art-vite, .art-varo { padding: .85rem; }
-    .art-component { padding: .85rem; }
-    .art-canvas { padding: 1rem; }
   }
 </style>
diff --git a/apps/web/src/i18n/ui.ts b/apps/web/src/i18n/ui.ts
index d9e06da..0b0749e 100644
--- a/apps/web/src/i18n/ui.ts
+++ b/apps/web/src/i18n/ui.ts
@@ -17,7 +17,7 @@ export const siteCopy = {
     hero: {
       eyebrow: '为真实小程序工程而建',
       title: 'weapp.dev',
-      description: '从 Tailwind CSS 样式、Vite 构建到可编辑双端组件，用一套开放工具链交付小程序与 H5。',
+      description: '从样式、构建到数据与组件，用一套开放工具链把小程序和 H5 交付到真实运行时。',
       primary: '查看项目',
       secondary: '查看 GitHub',
       visualLabel: '样式、构建与组件能力汇流的动态视觉',
@@ -34,8 +34,8 @@ export const siteCopy = {
     },
     projects: {
       eyebrow: '工具栈',
-      title: '三个项目，三层清晰边界',
-      description: '按需独立采用，也可以组合成从样式、构建到 H5 与小程序组件源码的完整工程。',
+      title: '三条边界，一条交付路径',
+      description: '按需独立采用，也可以组合成从样式、构建、数据到组件源码的完整工程。',
       documentation: '阅读文档',
       details: '项目详情',
       weeklyDownloads: '周下载',
@@ -243,7 +243,7 @@ export const siteCopy = {
     hero: {
       eyebrow: 'Built for real mini-app projects',
       title: 'weapp.dev',
-      description: 'Ship mini-app and H5 products with open tooling for Tailwind CSS styling, Vite-powered builds, and editable cross-runtime components.',
+      description: 'Ship mini-app and H5 products with open tooling for styling, builds, local data, and editable cross-runtime components.',
       primary: 'View projects',
       secondary: 'View on GitHub',
       visualLabel: 'An animated convergence of styling, builds, and component capabilities',
@@ -260,8 +260,8 @@ export const siteCopy = {
     },
     projects: {
       eyebrow: 'The stack',
-      title: 'Three projects. Three clear boundaries.',
-      description: 'Adopt each independently or combine styling, builds, and editable H5 / mini-program component source.',
+      title: 'Three boundaries. One delivery path.',
+      description: 'Adopt each independently or combine styling, builds, local data, and editable H5 / mini-program component source.',
       documentation: 'Read the docs',
       details: 'Project details',
       weeklyDownloads: 'Weekly downloads',
diff --git a/apps/web/src/lib/seo.ts b/apps/web/src/lib/seo.ts
index 7619880..eb69429 100644
--- a/apps/web/src/lib/seo.ts
+++ b/apps/web/src/lib/seo.ts
@@ -31,6 +31,7 @@ export function organizationSchema(projects: Array<{ data: ProjectDefinition }>)
     'logo': absoluteUrl('/logo.svg'),
     'sameAs': [
       'https://github.com/sonofmagic/weapp.dev',
+      'https://sqlite.weapp.dev/',
       ...projectLinks,
     ],
   }
diff --git a/apps/web/src/pages/en/index.astro b/apps/web/src/pages/en/index.astro
index 0b491e6..29cc47c 100644
--- a/apps/web/src/pages/en/index.astro
+++ b/apps/web/src/pages/en/index.astro
@@ -11,7 +11,7 @@ const locale = 'en' as const
 const projects = await getProjects()
 const metrics = await loadProjectMetrics()
 const title = 'weapp.dev | Styling, build, and UI tools for mini-apps'
-const description = 'Open tooling for real mini-app projects: cross-platform styling with weapp-tailwindcss, Vite-powered development with weapp-vite, and editable Vue and Agent UI source with Varo.'
+const description = 'Open tooling for real mini-app projects: cross-platform styling, Vite-powered builds, local SQLite data, and editable Vue and Agent UI source.'
 ---
 
 <BaseLayout
diff --git a/apps/web/src/pages/index.astro b/apps/web/src/pages/index.astro
index 82f360e..3d61797 100644
--- a/apps/web/src/pages/index.astro
+++ b/apps/web/src/pages/index.astro
@@ -11,7 +11,7 @@ const locale = 'zh-CN' as const
 const projects = await getProjects()
 const metrics = await loadProjectMetrics()
 const title = 'weapp.dev | 小程序样式、构建与 UI 工具链'
-const description = '面向真实小程序工程的开放工具链：用 weapp-tailwindcss 管理跨端样式，用 weapp-vite 驱动开发与构建，并用 Varo 安装可编辑的 Vue 与 Agent UI 源码。'
+const description = '面向真实小程序工程的开放工具链：用 weapp-tailwindcss 管理样式，用 weapp-vite 驱动构建，用 weapp-sqlite 管理本地数据，并用 Varo 组装可编辑组件。'
 ---
 
 <BaseLayout
diff --git a/apps/web/src/styles/classes.ts b/apps/web/src/styles/classes.ts
index 5448271..aedee78 100644
--- a/apps/web/src/styles/classes.ts
+++ b/apps/web/src/styles/classes.ts
@@ -1,28 +1,28 @@
-export const shell = 'mx-auto w-[calc(100%-3rem)] max-w-[1240px] max-[720px]:w-[calc(100%-2rem)]'
+export const shell = 'mx-auto w-[calc(100%-4rem)] max-w-[1320px] max-[720px]:w-[calc(100%-2rem)]'
 
-export const wordmark = 'inline-flex items-center gap-2.5 whitespace-nowrap font-display text-[15px] font-[720]'
+export const wordmark = 'inline-flex items-center gap-2.5 whitespace-nowrap font-display text-[15px] font-[740] tracking-[-0.01em]'
 
 export const wordmarkMark = 'size-8 shrink-0'
 
 export const eyebrow = 'mb-3 font-mono text-xs font-[650] text-brand'
 
-export const buttonBase = 'inline-flex min-h-11 items-center justify-center gap-2.5 whitespace-nowrap rounded-[6px] border border-transparent px-4 py-2.5 text-sm font-[680] leading-[1.2] transition-[background-color,border-color,color,transform] duration-200 active:translate-y-px'
+export const buttonBase = 'inline-flex min-h-11 items-center justify-center gap-2.5 whitespace-nowrap rounded-[6px] border border-transparent px-4 py-2.5 text-sm font-[680] leading-[1.2] transition-[background-color,border-color,color,transform,box-shadow] duration-200 active:translate-y-px focus-visible:outline-3 focus-visible:outline-offset-3 focus-visible:outline-highlight'
 
-export const buttonPrimary = `${buttonBase} bg-brand text-brand-contrast hover:bg-brand-hover`
+export const buttonPrimary = `${buttonBase} bg-brand text-brand-contrast shadow-[0_8px_24px_color-mix(in_srgb,var(--accent)_18%,transparent)] hover:bg-brand-hover hover:shadow-[0_10px_28px_color-mix(in_srgb,var(--accent)_25%,transparent)]`
 
 export const buttonSecondary = `${buttonBase} border-line bg-panel text-ink hover:border-copy-muted hover:bg-panel-soft`
 
-export const iconControl = 'inline-grid size-10 shrink-0 cursor-pointer place-items-center rounded-[6px] border border-transparent bg-transparent text-copy-muted transition-[background-color,color,transform] duration-200 hover:bg-panel-soft hover:text-ink active:translate-y-px'
+export const iconControl = 'inline-grid size-10 shrink-0 cursor-pointer place-items-center rounded-[6px] border border-transparent bg-transparent text-copy-muted transition-[background-color,color,transform] duration-200 hover:bg-panel-soft hover:text-ink active:translate-y-px focus-visible:outline-3 focus-visible:outline-offset-2 focus-visible:outline-highlight'
 
-export const section = 'py-28 max-[720px]:py-20'
+export const section = 'py-32 max-[720px]:py-20'
 
 export const sectionHeading = 'mb-12 max-w-[720px] max-[720px]:mb-9'
 
 export const compactSectionHeading = 'mb-10 max-w-[620px] max-[720px]:mb-8'
 
-export const sectionTitle = 'mb-4 font-display text-[44px] font-[680] max-[720px]:text-[34px]'
+export const sectionTitle = 'mb-4 font-display text-[clamp(2.2rem,4.3vw,3.7rem)] font-[700] tracking-[-0.035em] max-[720px]:text-[2.15rem]'
 
-export const sectionDescription = 'mb-0 max-w-[620px] text-lg text-copy-muted max-[720px]:text-base'
+export const sectionDescription = 'mb-0 max-w-[620px] text-[1.05rem] leading-[1.65] text-copy-muted max-[720px]:text-base'
 
 export const projectTone = 'text-[color-mix(in_srgb,var(--project-accent)_58%,var(--text))]'
 
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
index 2022afd..df6eaa3 100644
--- a/apps/web/src/styles/global.css
+++ b/apps/web/src/styles/global.css
@@ -32,12 +32,12 @@
   --surface-raised: #fff;
   --text: #0d1712;
   --muted: #5a6861;
-  --border: #d5ddd8;
+  --border: #ccd8d1;
   --accent: #0e7958;
   --accent-hover: #096646;
   --accent-contrast: #fff;
   --highlight: #f2c94c;
-  --shadow: rgb(25 60 45 / 12%);
+  --shadow: rgb(19 54 39 / 14%);
   --header: rgb(244 247 245 / 88%);
 }
 
@@ -51,7 +51,7 @@
   --surface-raised: #17211c;
   --text: #edf5f0;
   --muted: #aab8b0;
-  --border: #304039;
+  --border: #34493f;
   --accent: #69c7a5;
   --accent-hover: #86d7b9;
   --accent-contrast: #07130e;
@@ -142,6 +142,22 @@
   }
 }
 
+@layer utilities {
+  .eyebrow-rule {
+    display: inline-flex;
+    gap: 0.6rem;
+    align-items: center;
+  }
+
+  .eyebrow-rule::before {
+    width: 1.8rem;
+    height: 1px;
+    content: '';
+    background: currentcolor;
+    opacity: 0.65;
+  }
+}
+
 [data-motion='ready'] [data-reveal] {
   opacity: 0;
   transform: translateY(22px);
@@ -699,3 +715,390 @@
     backdrop-filter: none;
   }
 }
+
+/* weapp.dev redesign: a quiet technical canvas with strong section rhythm. */
+[data-site-header] {
+  height: 4.5rem;
+  background: color-mix(in srgb, var(--background) 90%, transparent);
+  border-bottom-color: color-mix(in srgb, var(--border) 82%, transparent);
+}
+
+[data-site-header] .shell {
+  max-width: 1320px;
+}
+
+.home-hero {
+  background: var(--text);
+  background-image:
+    linear-gradient(90deg, color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px),
+    linear-gradient(color-mix(in srgb, var(--surface) 8%, transparent) 1px, transparent 1px);
+  background-size: 5rem 5rem;
+}
+
+.home-hero::before {
+  opacity: 0.32;
+  mask-image: linear-gradient(to bottom, black 0%, transparent 92%);
+}
+
+.home-hero-grid {
+  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
+  gap: clamp(2.5rem, 6vw, 7.5rem);
+  min-height: min(680px, calc(100dvh - 72px));
+  padding-top: clamp(3rem, 8vh, 5.5rem);
+  padding-bottom: clamp(2rem, 5vh, 3.5rem);
+}
+
+.home-hero-copy {
+  max-width: 40rem;
+}
+
+.home-kicker {
+  display: inline-flex;
+  gap: 0.6rem;
+  align-items: center;
+  margin-bottom: 1.4rem;
+  color: var(--accent);
+  letter-spacing: 0.09em;
+}
+
+.home-kicker::before {
+  width: 2rem;
+  height: 1px;
+  content: '';
+  background: currentcolor;
+}
+
+.home-hero-title {
+  max-width: 9ch;
+  margin-bottom: 1.35rem;
+  font-size: clamp(4.1rem, 8.2vw, 7.4rem);
+  font-weight: 740;
+  line-height: 0.88;
+  letter-spacing: -0.06em;
+}
+
+.home-hero-description {
+  max-width: 33rem;
+  margin-bottom: 2rem;
+  font-size: clamp(1.02rem, 1.35vw, 1.16rem);
+  color: color-mix(in srgb, var(--surface) 70%, transparent);
+}
+
+.home-hero-stage {
+  min-height: clamp(360px, 42vw, 540px);
+  border-color: color-mix(in srgb, var(--surface) 26%, transparent);
+  border-radius: 8px;
+  box-shadow: 0 34px 90px rgb(0 0 0 / 28%);
+}
+
+.home-hero-stage::before {
+  position: absolute;
+  inset: 1.25rem;
+  z-index: 1;
+  pointer-events: none;
+  content: '';
+  border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent);
+}
+
+.home-hero-stage::after {
+  position: absolute;
+  right: 1.4rem;
+  bottom: 1.25rem;
+  z-index: 2;
+  width: 0.6rem;
+  height: 0.6rem;
+  content: '';
+  background: var(--highlight);
+  box-shadow: 0 0 0 5px color-mix(in srgb, var(--highlight) 18%, transparent);
+}
+
+.home-project-rail {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  border-top-color: color-mix(in srgb, var(--surface) 24%, transparent);
+}
+
+.home-project-link {
+  min-height: 5.6rem;
+  padding: 1rem 1.1rem 1.1rem;
+  border-right-color: color-mix(in srgb, var(--surface) 20%, transparent);
+}
+
+.home-project-link:first-child {
+  padding-left: 0;
+}
+
+.home-project-link:hover,
+.home-project-link:focus-visible {
+  background: color-mix(in srgb, var(--accent) 16%, transparent);
+}
+
+.home-project-link strong {
+  font-size: 0.82rem;
+}
+
+.home-project-link small {
+  max-width: 13rem;
+  color: color-mix(in srgb, var(--surface) 58%, transparent);
+}
+
+.home-project-index {
+  color: var(--highlight);
+}
+
+[data-project-visual] {
+  border-radius: 8px;
+  box-shadow: 0 24px 64px color-mix(in srgb, var(--project-accent) 10%, transparent);
+}
+
+[data-project-visual] img {
+  transition:
+    transform 600ms cubic-bezier(0.16, 1, 0.3, 1),
+    filter 600ms ease;
+}
+
+[data-project-row]:hover [data-project-visual] img,
+[data-project-row]:focus-within [data-project-visual] img {
+  filter: saturate(1.08) contrast(1.02);
+  transform: scale(1.025);
+}
+
+.project-art {
+  background: var(--surface-soft);
+}
+
+.project-art picture,
+.project-art img {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.project-art img {
+  aspect-ratio: 16 / 11;
+  object-fit: cover;
+  object-position: top;
+}
+
+.project-art-label {
+  position: absolute;
+  right: 0.8rem;
+  bottom: 0.8rem;
+  z-index: 2;
+  padding: 0.42rem 0.55rem;
+  font: 600 0.64rem/1 var(--font-mono);
+  color: var(--surface);
+  background: rgb(7 19 14 / 78%);
+  border: 1px solid color-mix(in srgb, var(--surface) 24%, transparent);
+  backdrop-filter: blur(8px);
+}
+
+.sqlite-capability-row {
+  border-radius: 8px;
+}
+
+.sqlite-signal {
+  display: flex;
+  gap: 0.7rem;
+  align-items: center;
+  justify-content: center;
+  min-height: 8rem;
+  color: var(--accent);
+  background:
+    linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px),
+    linear-gradient(color-mix(in srgb, var(--accent) 8%, transparent) 1px, transparent 1px), var(--surface);
+  background-size: 1.25rem 1.25rem;
+  border: 1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
+}
+
+.sqlite-signal-line {
+  width: clamp(1.5rem, 5vw, 4rem);
+  height: 1px;
+  background: color-mix(in srgb, var(--accent) 48%, var(--border));
+}
+
+.sqlite-signal-chip {
+  padding: 0.55rem 0.7rem;
+  font: 650 0.68rem/1 var(--font-mono);
+  color: var(--text);
+  background: var(--surface-soft);
+  border: 1px solid var(--border);
+}
+
+section[id] > .shell > header h2,
+section[id] > .shell > div > header h2 {
+  letter-spacing: -0.045em;
+}
+
+main > section:not(.home-hero, .pricing-hero) {
+  position: relative;
+}
+
+main > section:not(.home-hero, .pricing-hero)::before {
+  position: absolute;
+  top: 0;
+  right: max(1rem, calc((100vw - 1320px) / 2));
+  width: 3.5rem;
+  height: 1px;
+  content: '';
+  background: var(--accent);
+  opacity: 0.7;
+}
+
+.pricing-hero {
+  background: var(--text);
+  background-image: linear-gradient(90deg, color-mix(in srgb, var(--surface) 7%, transparent) 1px, transparent 1px);
+  background-size: 5rem 100%;
+}
+
+.pricing-hero-inner {
+  min-height: 510px;
+  padding-top: 4.6rem;
+  padding-bottom: 4.6rem;
+}
+
+.pricing-plan-grid,
+.pricing-sponsor-grid,
+.pricing-template-grid,
+.pricing-boundary-grid {
+  border-radius: 8px;
+}
+
+.pricing-plan,
+.pricing-template,
+.pricing-boundary-grid article {
+  transition:
+    background-color 220ms ease,
+    box-shadow 220ms ease,
+    transform 220ms ease;
+}
+
+.pricing-plan:hover,
+.pricing-template:hover,
+.pricing-boundary-grid article:hover {
+  box-shadow: inset 0 2px 0 var(--accent);
+  transform: translateY(-2px);
+}
+
+@media (max-width: 960px) {
+  .home-project-rail {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .home-project-link:nth-child(2) {
+    border-right: 0;
+  }
+
+  .home-project-link:nth-child(-n + 2) {
+    border-bottom: 1px solid color-mix(in srgb, var(--surface) 20%, transparent);
+  }
+}
+
+@media (max-width: 720px) {
+  [data-site-header] {
+    height: 3.75rem;
+  }
+
+  .home-hero-grid {
+    gap: 2rem;
+    min-height: 0;
+    padding-top: 3.25rem;
+  }
+
+  .home-hero-title {
+    max-width: 8ch;
+    font-size: clamp(4rem, 17vw, 5.7rem);
+  }
+
+  .home-hero-stage {
+    min-height: 300px;
+  }
+
+  .home-project-rail {
+    grid-template-columns: 1fr;
+  }
+
+  .home-project-link,
+  .home-project-link:first-child {
+    min-height: 0;
+    padding: 0.9rem 0;
+    border-right: 0;
+    border-bottom: 1px solid color-mix(in srgb, var(--surface) 20%, transparent);
+  }
+
+  .home-project-link:last-child {
+    border-bottom: 0;
+  }
+
+  main > section:not(.home-hero, .pricing-hero)::before {
+    right: 1rem;
+  }
+
+  .pricing-hero-inner {
+    min-height: 0;
+    padding-top: 3.4rem;
+    padding-bottom: 3.4rem;
+  }
+}
+
+main[style^='--project-accent'] > section:first-child {
+  position: relative;
+  min-height: min(680px, calc(100dvh - 72px));
+  padding-top: 4.2rem;
+  padding-bottom: 4.2rem;
+}
+
+main[style^='--project-accent'] > section:first-child::before {
+  position: absolute;
+  top: 0;
+  right: max(1rem, calc((100vw - 1320px) / 2));
+  left: max(1rem, calc((100vw - 1320px) / 2));
+  height: 1px;
+  content: '';
+  background: color-mix(in srgb, var(--project-accent) 34%, var(--border));
+}
+
+main[style^='--project-accent'] figure {
+  border-radius: 8px;
+  box-shadow: 0 28px 80px color-mix(in srgb, var(--project-accent) 13%, transparent);
+}
+
+main[style^='--project-accent'] figure img {
+  transition:
+    transform 700ms cubic-bezier(0.16, 1, 0.3, 1),
+    filter 700ms ease;
+}
+
+main[style^='--project-accent'] figure:hover img {
+  filter: saturate(1.05);
+  transform: scale(1.018);
+}
+
+main[style^='--project-accent'] pre {
+  color: var(--accent);
+  background: var(--text);
+}
+
+main[style^='--project-accent'] [data-copy-command] {
+  color: var(--surface);
+  background: color-mix(in srgb, var(--text) 88%, var(--accent));
+}
+
+main[style^='--project-accent'] [data-copy-command]:hover {
+  background: color-mix(in srgb, var(--accent) 24%, var(--text));
+}
+
+main[style^='--project-accent'] details summary {
+  transition: color 180ms ease;
+}
+
+main[style^='--project-accent'] details summary:hover {
+  color: var(--accent);
+}
+
+@media (max-width: 820px) {
+  main[style^='--project-accent'] > section:first-child {
+    min-height: 0;
+    padding-top: 3rem;
+    padding-bottom: 3rem;
+  }
+}
diff --git a/apps/web/tests/e2e/site.spec.ts b/apps/web/tests/e2e/site.spec.ts
index 71ef90a..63e7fed 100644
--- a/apps/web/tests/e2e/site.spec.ts
+++ b/apps/web/tests/e2e/site.spec.ts
@@ -57,6 +57,7 @@ test('renders the bilingual ecosystem home with valid metadata', async ({ page }
     { href: 'https://tw.weapp.dev/', target: '_blank', rel: 'noreferrer' },
     { href: 'https://vite.weapp.dev/', target: '_blank', rel: 'noreferrer' },
     { href: 'https://github.com/daguanren21/Varo#readme', target: '_blank', rel: 'noreferrer' },
+    { href: 'https://sqlite.weapp.dev/', target: '_blank', rel: 'noreferrer' },
   ])
   await expect(page.locator('.home-project-visual-link').evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     'https://tw.weapp.dev/',
@@ -81,6 +82,7 @@ test('renders the bilingual ecosystem home with valid metadata', async ({ page }
     'https://tw.weapp.dev/',
     'https://vite.weapp.dev/',
     'https://github.com/daguanren21/Varo#readme',
+    'https://sqlite.weapp.dev/',
   ])
 })
 

From f87bb04f5de588343dcf1a2cd5f6a78f24142e27 Mon Sep 17 00:00:00 2001
From: ice breaker <1324318532@qq.com>
Date: Wed, 2 Sep 2026 08:21:06 +0800
Subject: [PATCH 2/3] feat(web): add beta weapp-sqlite project

---
 apps/web/scripts/generate-metrics.ts          |  6 ++
 apps/web/src/components/Footer.astro          |  4 --
 apps/web/src/components/Header.astro          | 11 ----
 apps/web/src/components/HomePage.astro        | 34 ++--------
 apps/web/src/components/ProjectPage.astro     |  4 +-
 apps/web/src/content.config.ts                |  2 +-
 apps/web/src/content.test.ts                  | 21 +++++--
 apps/web/src/content/projects/varo.json       |  2 +-
 .../src/content/projects/weapp-sqlite.json    | 63 +++++++++++++++++++
 .../src/data/project-metrics.fallback.json    |  7 +++
 apps/web/src/i18n/ui.ts                       | 24 +++++--
 apps/web/src/lib/seo.ts                       |  4 +-
 apps/web/src/pages/releases.xml.ts            |  2 +-
 apps/web/src/styles/global.css                | 12 ++++
 apps/web/src/types/project.ts                 |  2 +-
 apps/web/tests/e2e/site.spec.ts               | 21 ++++++-
 16 files changed, 156 insertions(+), 63 deletions(-)
 create mode 100644 apps/web/src/content/projects/weapp-sqlite.json

diff --git a/apps/web/scripts/generate-metrics.ts b/apps/web/scripts/generate-metrics.ts
index 75e08ea..7c24b5d 100644
--- a/apps/web/scripts/generate-metrics.ts
+++ b/apps/web/scripts/generate-metrics.ts
@@ -7,6 +7,7 @@ interface ProjectSource {
   slug: string
   packageName: string
   github: string
+  npmUrl?: string
 }
 
 const root = resolve(import.meta.dirname, '..')
@@ -25,6 +26,7 @@ async function loadProjectSources(): Promise<ProjectSource[]> {
       slug: basename(file, '.json'),
       packageName: definition.packageName,
       github: definition.github,
+      npmUrl: typeof definition.npmUrl === 'string' ? definition.npmUrl : undefined,
     }
   }))
 }
@@ -81,6 +83,10 @@ const next = { ...fallback }
 const projectSources = await loadProjectSources()
 
 await Promise.all(projectSources.map(async (project) => {
+  if (!project.npmUrl) {
+    console.log(`Using fallback metrics for ${project.slug}: no public npm package`)
+    return
+  }
   try {
     next[project.slug] = await fetchMetrics(project)
     console.log(`Updated metrics for ${project.slug}`)
diff --git a/apps/web/src/components/Footer.astro b/apps/web/src/components/Footer.astro
index 9a0e895..d096e0e 100644
--- a/apps/web/src/components/Footer.astro
+++ b/apps/web/src/components/Footer.astro
@@ -31,10 +31,6 @@ const copy = siteCopy[locale]
           <ArrowUpRight size={14} stroke-width={1.8} aria-hidden="true" />
         </a>
       ))}
-      <a class="mb-3 flex w-fit items-center gap-1.5 font-display text-sm font-[590] hover:text-brand" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
-        weapp-sqlite
-        <ArrowUpRight size={14} stroke-width={1.8} aria-hidden="true" />
-      </a>
     </div>
     <div>
       <h2 class="mb-4 font-mono text-xs font-[650] text-copy-muted">{copy.footer.resources}</h2>
diff --git a/apps/web/src/components/Header.astro b/apps/web/src/components/Header.astro
index f20f7cc..7983864 100644
--- a/apps/web/src/components/Header.astro
+++ b/apps/web/src/components/Header.astro
@@ -43,13 +43,6 @@ const navLink = 'inline-flex items-center gap-1.5 whitespace-nowrap py-2 text-sm
               </span>
             </a>
           ))}
-          <a class="grid grid-cols-[38px_1fr] items-center gap-3 rounded-[6px] p-3 transition-colors hover:bg-panel-soft" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
-            <span class="grid size-[38px] place-items-center rounded-[6px] bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-sm font-bold text-ink">DB</span>
-            <span class="min-w-0">
-              <strong class="block font-display text-sm font-[650] text-ink">weapp-sqlite</strong>
-              <small class="mt-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-xs font-[450] text-copy-muted">Data / local SQLite runtime</small>
-            </span>
-          </a>
         </div>
       </details>
       <a class={navLink} href={`${home}#about`} data-analytics-event="navigate_section" data-analytics-section="about">{copy.nav.about}</a>
@@ -83,10 +76,6 @@ const navLink = 'inline-flex items-center gap-1.5 whitespace-nowrap py-2 text-sm
               {project.data.locales[locale].name}
             </a>
           ))}
-          <a class="grid grid-cols-[30px_1fr] items-center gap-3 rounded-[6px] p-3 font-display text-sm font-[650] hover:bg-panel-soft" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
-            <span class="grid size-7 place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-[10px] font-bold text-ink">DB</span>
-            weapp-sqlite
-          </a>
           <span class="my-1 h-px bg-line" aria-hidden="true"></span>
           <a class="rounded-[6px] p-3 text-sm font-semibold hover:bg-panel-soft" href={`${home}#about`} data-analytics-event="navigate_section" data-analytics-section="about">{copy.nav.about}</a>
           <a class="rounded-[6px] p-3 text-sm font-semibold hover:bg-panel-soft" href={`${home}#vision`} data-analytics-event="navigate_section" data-analytics-section="vision">{copy.nav.vision}</a>
diff --git a/apps/web/src/components/HomePage.astro b/apps/web/src/components/HomePage.astro
index e0e48ed..d36cada 100644
--- a/apps/web/src/components/HomePage.astro
+++ b/apps/web/src/components/HomePage.astro
@@ -1,5 +1,5 @@
 ---
-import { ArrowRight, ArrowUpRight, BadgeCheck, BookOpen, Database, GitFork, Heart, Layers2, Package, ScanLine, ShieldCheck } from '@lucide/astro'
+import { ArrowRight, ArrowUpRight, BadgeCheck, BookOpen, GitFork, Heart, Layers2, Package, ScanLine, ShieldCheck } from '@lucide/astro'
 import type { Locale, ProjectMetricsMap } from '../types/project'
 import type { ProjectEntry } from '../lib/projects'
 import { formatCompactNumber, formatReleaseDate } from '../lib/metrics'
@@ -19,8 +19,8 @@ const numberLocale = locale === 'zh-CN' ? 'zh-CN' : 'en-US'
 const stepIcons = [Layers2, ScanLine, Package]
 const principleIcons = [Layers2, ShieldCheck, BadgeCheck]
 const projectStages: Record<string, string> = locale === 'zh-CN'
-  ? { 'weapp-tailwindcss': '样式', 'weapp-vite': '构建', varo: '组件' }
-  : { 'weapp-tailwindcss': 'STYLE', 'weapp-vite': 'BUILD', varo: 'COMPOSE' }
+  ? { 'weapp-tailwindcss': '样式', 'weapp-vite': '构建', varo: '组件', 'weapp-sqlite': '数据' }
+  : { 'weapp-tailwindcss': 'STYLE', 'weapp-vite': 'BUILD', varo: 'COMPOSE', 'weapp-sqlite': 'DATA' }
 ---
 
 <main id="main-content">
@@ -60,12 +60,6 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
           </a>
         )
       })}
-      <a data-hero-enter style={`--enter-delay: ${220 + projects.length * 45}ms`} class="home-project-link" href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">
-        <span class="home-project-index">04</span>
-        <span class="grid size-[2.1rem] place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface-soft))] font-mono text-xs font-bold text-ink">DB</span>
-        <span class="min-w-0"><strong>weapp-sqlite</strong><small>{locale === 'zh-CN' ? '数据 / 本地 SQLite 运行时' : 'DATA / LOCAL SQLITE RUNTIME'}</small></span>
-        <ArrowUpRight class="home-project-arrow" size={17} stroke-width={1.8} aria-hidden="true" />
-      </a>
     </div>
   </section>
 
@@ -153,24 +147,6 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
       })}
     </div>
 
-    <article data-reveal class="sqlite-capability-row mt-20 grid grid-cols-[1.1fr_.9fr] items-center gap-10 border-y border-line bg-panel-soft px-8 py-8 max-[800px]:mt-14 max-[800px]:grid-cols-1 max-[720px]:px-5">
-      <div>
-        <div class="mb-4 flex items-center gap-3">
-          <span class="grid size-10 place-items-center bg-[color-mix(in_srgb,var(--highlight)_18%,var(--surface))] font-mono text-xs font-bold text-ink">DB</span>
-          <span class="font-mono text-xs font-bold uppercase tracking-[0.12em] text-brand">04 / DATA</span>
-        </div>
-        <h3 class="mb-3 text-[clamp(1.7rem,3vw,2.5rem)] font-[700] tracking-[-0.04em]">weapp-sqlite</h3>
-        <p class="mb-5 max-w-[560px] text-copy-muted">{locale === 'zh-CN' ? '把本地数据能力放回真实运行时：为多端小程序提供可复用的 SQLite 数据层。' : 'Keep local data close to the runtime with a reusable SQLite layer for multi-platform mini-apps.'}</p>
-        <a class={buttonSecondary} href="https://sqlite.weapp.dev/" target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="sqlite_docs">{locale === 'zh-CN' ? '查看数据能力' : 'Explore data layer'} <ArrowUpRight size={16} stroke-width={1.8} aria-hidden="true" /></a>
-      </div>
-      <div class="sqlite-signal" aria-hidden="true">
-        <Database size={28} stroke-width={1.5} />
-        <span class="sqlite-signal-line"></span>
-        <span class="sqlite-signal-chip">local.db</span>
-        <span class="sqlite-signal-line"></span>
-        <span class="sqlite-signal-chip">runtime</span>
-      </div>
-    </article>
   </section>
 
   <section class="border-y border-line bg-panel-soft" id="commercial">
@@ -237,9 +213,9 @@ const projectStages: Record<string, string> = locale === 'zh-CN'
                 <p class="mb-0 text-xs text-copy-muted">{copy.releases.released} {formatReleaseDate(projectMetrics.releasedAt, numberLocale)}</p>
               </div>
               <strong class="font-mono text-sm">v{projectMetrics.version}</strong>
-              <a class:list={[iconControl, 'max-[520px]:hidden']} href={`https://www.npmjs.com/package/${project.data.packageName}`} aria-label={`${copy.releases.viewPackage}: ${project.data.packageName}`} target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="package" data-analytics-project={project.id}>
+              {project.data.npmUrl && <a class:list={[iconControl, 'max-[520px]:hidden']} href={project.data.npmUrl} aria-label={`${copy.releases.viewPackage}: ${project.data.packageName}`} target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="package" data-analytics-project={project.id}>
                 <ArrowUpRight size={19} stroke-width={1.8} aria-hidden="true" />
-              </a>
+              </a>}
             </article>
           )
         })}
diff --git a/apps/web/src/components/ProjectPage.astro b/apps/web/src/components/ProjectPage.astro
index 8132fdb..b3d6e37 100644
--- a/apps/web/src/components/ProjectPage.astro
+++ b/apps/web/src/components/ProjectPage.astro
@@ -48,10 +48,10 @@ const secondaryVisualCopy = secondaryVisual.locales[locale]
           <GitFork size={18} stroke-width={1.9} aria-hidden="true" />
           {copy.project.source}
         </a>
-        <a class={buttonSecondary} href={project.data.npmUrl} target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="package" data-analytics-project={project.id}>
+        {project.data.npmUrl && <a class={buttonSecondary} href={project.data.npmUrl} target="_blank" rel="noreferrer" data-analytics-event="click_outbound" data-analytics-target="package" data-analytics-project={project.id}>
           <Package size={18} stroke-width={1.9} aria-hidden="true" />
           {copy.project.npm}
-        </a>
+        </a>}
       </div>
     </div>
 
diff --git a/apps/web/src/content.config.ts b/apps/web/src/content.config.ts
index 12b7e02..c8ca3b6 100644
--- a/apps/web/src/content.config.ts
+++ b/apps/web/src/content.config.ts
@@ -34,7 +34,7 @@ const projects = defineCollection({
     packageName: z.string().min(1),
     github: z.string().regex(/^[\w.-]+\/[\w.-]+$/),
     docsUrl: z.url(),
-    npmUrl: z.url(),
+    npmUrl: z.url().optional(),
     license: z.url().optional(),
     maintainer: z.string().min(1),
     keywords: z.array(z.string().min(1)).min(1),
diff --git a/apps/web/src/content.test.ts b/apps/web/src/content.test.ts
index 82e2922..3d3eb25 100644
--- a/apps/web/src/content.test.ts
+++ b/apps/web/src/content.test.ts
@@ -1,14 +1,16 @@
 import { describe, expect, it } from 'vitest'
 import varo from './content/projects/varo.json'
+import sqlite from './content/projects/weapp-sqlite.json'
 import tailwind from './content/projects/weapp-tailwindcss.json'
 import vite from './content/projects/weapp-vite.json'
 
 describe('project definitions', () => {
-  const projects = [tailwind, vite, varo]
+  const projects = [tailwind, vite, sqlite, varo]
   const officialDocsUrls: Record<string, string> = {
     'weapp-tailwindcss': 'https://tw.weapp.dev/',
     'weapp-vite': 'https://vite.weapp.dev/',
     '@varo/cli': 'https://github.com/daguanren21/Varo#readme',
+    'weapp-sqlite': 'https://sqlite.weapp.dev/',
   }
 
   it('provides complete localized content for every project', () => {
@@ -21,15 +23,16 @@ describe('project definitions', () => {
         expect(project.locales[locale].capabilities.length).toBeGreaterThan(0)
         expect(project.locales[locale].faqs.length).toBeGreaterThan(0)
       }
-      expect(project.npmUrl).toMatch(/^https:\/\//)
+      const npmUrl = 'npmUrl' in project ? project.npmUrl : undefined
+      npmUrl && expect(npmUrl).toMatch(/^https:\/\//)
       const license = 'license' in project ? project.license : undefined
       expect(project.status === 'planned' || license).toBeTruthy()
       license && expect(license).toMatch(/^https:\/\//)
       expect(project.installCommand).toContain(project.packageName)
       expect(project.keywords.length).toBeGreaterThan(0)
       for (const visual of Object.values(project.visuals)) {
-        expect(visual.src).toMatch(/^\/media\/projects\/.+\.webp$/)
-        expect(visual.avif).toMatch(/^\/media\/projects\/.+\.avif$/)
+        expect(visual.src).toMatch(/^\/media\/(projects|brand)\/.+\.webp$/)
+        expect(visual.avif).toMatch(/^\/media\/(projects|brand)\/.+\.avif$/)
         expect(visual.width).toBeGreaterThan(0)
         expect(visual.height).toBeGreaterThan(0)
         expect(visual.locales['zh-CN'].alt).not.toHaveLength(0)
@@ -53,4 +56,14 @@ describe('project definitions', () => {
       docsUrl: 'https://github.com/daguanren21/Varo#readme',
     })
   })
+
+  it('marks weapp-sqlite as beta without a public npm package', () => {
+    expect(sqlite).toMatchObject({
+      status: 'beta',
+      packageName: 'weapp-sqlite',
+      github: 'weapp-sqlite/weapp-sqlite',
+      docsUrl: 'https://sqlite.weapp.dev/',
+    })
+    expect('npmUrl' in sqlite ? sqlite.npmUrl : undefined).toBeUndefined()
+  })
 })
diff --git a/apps/web/src/content/projects/varo.json b/apps/web/src/content/projects/varo.json
index 7b46c9a..08835c6 100644
--- a/apps/web/src/content/projects/varo.json
+++ b/apps/web/src/content/projects/varo.json
@@ -1,5 +1,5 @@
 {
-  "order": 3,
+  "order": 4,
   "status": "planned",
   "packageName": "@varo/cli",
   "github": "daguanren21/Varo",
diff --git a/apps/web/src/content/projects/weapp-sqlite.json b/apps/web/src/content/projects/weapp-sqlite.json
new file mode 100644
index 0000000..255fc7b
--- /dev/null
+++ b/apps/web/src/content/projects/weapp-sqlite.json
@@ -0,0 +1,63 @@
+{
+  "order": 3,
+  "status": "beta",
+  "packageName": "weapp-sqlite",
+  "github": "weapp-sqlite/weapp-sqlite",
+  "docsUrl": "https://sqlite.weapp.dev/",
+  "license": "https://opensource.org/license/mit",
+  "maintainer": "weapp-sqlite contributors",
+  "keywords": ["SQLite", "WASM", "mini-program", "Web runtime", "local data"],
+  "installCommand": "pnpm add weapp-sqlite",
+  "futureDocsPath": "/docs/weapp-sqlite/",
+  "logo": "/logo.svg",
+  "accent": "#d6a528",
+  "platforms": ["WeChat", "Web", "weapp-vite"],
+  "visuals": {
+    "primary": {
+      "src": "/media/brand/build-lens.webp",
+      "avif": "/media/brand/build-lens.avif",
+      "width": 1280,
+      "height": 916,
+      "locales": {
+        "zh-CN": { "alt": "weapp-sqlite 本地数据层与运行时构建视觉", "caption": "weapp-sqlite 当前处于 Beta 阶段，持续验证本地 SQLite 数据能力。" },
+        "en": { "alt": "weapp-sqlite local data layer and runtime build visual", "caption": "weapp-sqlite is currently in Beta while its local SQLite data layer is being validated." }
+      }
+    },
+    "secondary": {
+      "src": "/media/brand/build-lens.webp",
+      "avif": "/media/brand/build-lens.avif",
+      "width": 1280,
+      "height": 916,
+      "locales": {
+        "zh-CN": { "alt": "weapp-sqlite 构建与运行时验证视觉", "caption": "先在真实运行时验证，再逐步扩大平台支持范围。" },
+        "en": { "alt": "weapp-sqlite build and runtime validation visual", "caption": "Validate the runtime first, then expand platform coverage step by step." }
+      }
+    }
+  },
+  "locales": {
+    "zh-CN": {
+      "name": "weapp-sqlite",
+      "tagline": "把本地 SQLite 能力带到多端运行时",
+      "description": "面向小程序与 Web runtime 的本地数据层，当前处于 Beta 阶段，API 与平台支持仍在持续验证。",
+      "audience": "需要在小程序和 Web runtime 中共享本地数据能力、并愿意参与 Beta 验证的工程团队。",
+      "useCases": ["在多端运行时读写本地 SQLite 数据", "为离线或弱网场景提供可复用的数据层", "在 weapp-vite 工程中验证本地数据能力"],
+      "capabilities": ["本地 SQLite 数据层", "WebAssembly runtime", "多端运行时验证", "Beta API 迭代"],
+      "faqs": [
+        { "question": "weapp-sqlite 当前可以用于生产吗？", "answer": "weapp-sqlite 当前处于 Beta 阶段，API、平台覆盖和运行时边界仍在验证。正式生产接入前请先根据项目风险进行评估。" },
+        { "question": "在哪里查看最新进展？", "answer": "请访问 sqlite.weapp.dev 查看文档与最新说明，也可以在 GitHub 仓库提交反馈和问题。" }
+      ]
+    },
+    "en": {
+      "name": "weapp-sqlite",
+      "tagline": "Bring local SQLite data to multi-platform runtimes",
+      "description": "A local data layer for mini-apps and the Web runtime. It is currently in Beta while APIs and platform support are being validated.",
+      "audience": "Engineering teams that need shared local data across mini-app and Web runtimes and are willing to validate a Beta tool.",
+      "useCases": ["Read and write local SQLite data across runtimes", "Support offline or weak-network workflows", "Validate local data capabilities in weapp-vite projects"],
+      "capabilities": ["Local SQLite data layer", "WebAssembly runtime", "Multi-runtime validation", "Iterating Beta APIs"],
+      "faqs": [
+        { "question": "Is weapp-sqlite ready for production?", "answer": "weapp-sqlite is currently in Beta. Its APIs, platform coverage, and runtime boundaries are still being validated, so assess the risk before production adoption." },
+        { "question": "Where can I follow the latest progress?", "answer": "Visit sqlite.weapp.dev for documentation and current notes, or open an issue in the GitHub repository." }
+      ]
+    }
+  }
+}
diff --git a/apps/web/src/data/project-metrics.fallback.json b/apps/web/src/data/project-metrics.fallback.json
index 38b0f9c..d5d41eb 100644
--- a/apps/web/src/data/project-metrics.fallback.json
+++ b/apps/web/src/data/project-metrics.fallback.json
@@ -19,5 +19,12 @@
     "stars": 0,
     "weeklyDownloads": 0,
     "fetchedAt": "2026-08-26T00:00:00.000Z"
+  },
+  "weapp-sqlite": {
+    "version": "0.0.0-beta",
+    "releasedAt": "2026-08-26T00:00:00.000Z",
+    "stars": 0,
+    "weeklyDownloads": 0,
+    "fetchedAt": "2026-08-26T00:00:00.000Z"
   }
 }
diff --git a/apps/web/src/i18n/ui.ts b/apps/web/src/i18n/ui.ts
index 0b0749e..82068b4 100644
--- a/apps/web/src/i18n/ui.ts
+++ b/apps/web/src/i18n/ui.ts
@@ -22,6 +22,14 @@ export const siteCopy = {
       secondary: '查看 GitHub',
       visualLabel: '样式、构建与组件能力汇流的动态视觉',
     },
+    sqlite: {
+      name: 'weapp-sqlite',
+      stage: '数据 / 测试版',
+      status: 'Beta / 测试版',
+      tagline: '把本地 SQLite 能力带到多端运行时',
+      description: '面向小程序与 Web runtime 的本地数据层，当前处于 Beta 阶段，API 与平台支持仍在持续验证。',
+      docs: '查看 SQLite 文档',
+    },
     about: {
       eyebrow: '构建链路',
       title: '保留你的写法，升级交付链路',
@@ -34,7 +42,7 @@ export const siteCopy = {
     },
     projects: {
       eyebrow: '工具栈',
-      title: '三条边界，一条交付路径',
+      title: '四条边界，一条交付路径',
       description: '按需独立采用，也可以组合成从样式、构建、数据到组件源码的完整工程。',
       documentation: '阅读文档',
       details: '项目详情',
@@ -59,7 +67,7 @@ export const siteCopy = {
     releases: {
       eyebrow: '最新版本',
       title: '持续发布，稳定演进',
-      description: '版本信息在构建时从 npm 获取，并保留可靠的离线快照。',
+      description: '公开 npm 包在构建时同步版本；尚未发布 npm 的 Beta 项目沿用可靠的离线快照。',
       released: '发布于',
       viewPackage: '查看 npm',
     },
@@ -248,6 +256,14 @@ export const siteCopy = {
       secondary: 'View on GitHub',
       visualLabel: 'An animated convergence of styling, builds, and component capabilities',
     },
+    sqlite: {
+      name: 'weapp-sqlite',
+      stage: 'DATA / BETA',
+      status: 'Beta',
+      tagline: 'Bring local SQLite data to multi-platform runtimes',
+      description: 'A local data layer for mini-apps and the Web runtime. It is currently in Beta while APIs and platform support are being validated.',
+      docs: 'Read SQLite docs',
+    },
     about: {
       eyebrow: 'Build path',
       title: 'Keep your syntax. Upgrade delivery.',
@@ -260,7 +276,7 @@ export const siteCopy = {
     },
     projects: {
       eyebrow: 'The stack',
-      title: 'Three boundaries. One delivery path.',
+      title: 'Four boundaries. One delivery path.',
       description: 'Adopt each independently or combine styling, builds, local data, and editable H5 / mini-program component source.',
       documentation: 'Read the docs',
       details: 'Project details',
@@ -285,7 +301,7 @@ export const siteCopy = {
     releases: {
       eyebrow: 'Latest releases',
       title: 'Ship steadily, evolve carefully',
-      description: 'Release data is fetched from npm at build time with a reliable offline snapshot.',
+      description: 'Published npm packages sync at build time; Beta projects without npm releases use a reliable offline snapshot.',
       released: 'Released',
       viewPackage: 'View on npm',
     },
diff --git a/apps/web/src/lib/seo.ts b/apps/web/src/lib/seo.ts
index eb69429..b07be94 100644
--- a/apps/web/src/lib/seo.ts
+++ b/apps/web/src/lib/seo.ts
@@ -126,7 +126,7 @@ export function projectSchema(
     'url': absoluteUrl(path),
     'image': absoluteUrl(project.data.visuals.primary.src),
     'codeRepository': `https://github.com/${project.data.github}`,
-    'downloadUrl': project.data.npmUrl,
+    ...(project.data.npmUrl ? { downloadUrl: project.data.npmUrl } : {}),
     'programmingLanguage': ['TypeScript', 'JavaScript'],
     'keywords': project.data.keywords.join(', '),
     'runtimePlatform': project.data.platforms,
@@ -138,7 +138,7 @@ export function projectSchema(
       'name': project.data.maintainer,
     },
     'isPartOf': { '@id': organizationId },
-    'sameAs': [project.data.docsUrl, project.data.npmUrl, `https://github.com/${project.data.github}`],
+    'sameAs': [project.data.docsUrl, ...(project.data.npmUrl ? [project.data.npmUrl] : []), `https://github.com/${project.data.github}`],
   }
 }
 
diff --git a/apps/web/src/pages/releases.xml.ts b/apps/web/src/pages/releases.xml.ts
index a50f1d9..881027d 100644
--- a/apps/web/src/pages/releases.xml.ts
+++ b/apps/web/src/pages/releases.xml.ts
@@ -11,7 +11,7 @@ export const GET: APIRoute = async () => {
   const metrics = await loadProjectMetrics()
   const items = projects.map((project) => {
     const release = metrics[project.id]
-    const link = `https://www.npmjs.com/package/${project.data.packageName}`
+    const link = project.data.npmUrl ?? project.data.docsUrl
     return `<item><title>${escapeXml(project.data.packageName)} ${escapeXml(release.version)}</title><link>${link}</link><guid isPermaLink="false">${escapeXml(project.data.packageName)}@${escapeXml(release.version)}</guid><pubDate>${new Date(release.releasedAt).toUTCString()}</pubDate><description>${escapeXml(project.data.locales.en.tagline)}</description></item>`
   }).join('')
 
diff --git a/apps/web/src/styles/global.css b/apps/web/src/styles/global.css
index df6eaa3..6d81c67 100644
--- a/apps/web/src/styles/global.css
+++ b/apps/web/src/styles/global.css
@@ -896,6 +896,18 @@
   border-radius: 8px;
 }
 
+.sqlite-beta-badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 1.65rem;
+  padding: 0.25rem 0.48rem;
+  font: 700 0.62rem/1 var(--font-mono);
+  color: color-mix(in srgb, var(--highlight) 72%, var(--text));
+  letter-spacing: 0.04em;
+  background: color-mix(in srgb, var(--highlight) 15%, var(--surface));
+  border: 1px solid color-mix(in srgb, var(--highlight) 62%, var(--border));
+}
+
 .sqlite-signal {
   display: flex;
   gap: 0.7rem;
diff --git a/apps/web/src/types/project.ts b/apps/web/src/types/project.ts
index cbdfc5d..5ce9373 100644
--- a/apps/web/src/types/project.ts
+++ b/apps/web/src/types/project.ts
@@ -16,7 +16,7 @@ export interface ProjectDefinition {
   packageName: string
   github: string
   docsUrl: string
-  npmUrl: string
+  npmUrl?: string
   license?: string
   maintainer: string
   keywords: string[]
diff --git a/apps/web/tests/e2e/site.spec.ts b/apps/web/tests/e2e/site.spec.ts
index 63e7fed..a0180d7 100644
--- a/apps/web/tests/e2e/site.spec.ts
+++ b/apps/web/tests/e2e/site.spec.ts
@@ -38,6 +38,7 @@ test('renders the bilingual ecosystem home with valid metadata', async ({ page }
   })).toBe(true)
   await expect(page.locator('#projects').getByRole('heading', { name: 'weapp-tailwindcss' })).toBeVisible()
   await expect(page.locator('#projects').getByRole('heading', { name: 'weapp-vite' })).toBeVisible()
+  await expect(page.locator('#projects').getByRole('heading', { name: 'weapp-sqlite' })).toBeVisible()
   await expect(page.locator('#projects').getByRole('heading', { name: 'Varo' })).toBeVisible()
   await expect(page.locator('link[rel="canonical"]')).toHaveAttribute('href', 'https://weapp.dev/')
   await expect(page.locator('link[hreflang="en-US"]')).toHaveAttribute('href', 'https://weapp.dev/en/')
@@ -46,32 +47,36 @@ test('renders the bilingual ecosystem home with valid metadata', async ({ page }
   await expect(page.locator('script[type="application/ld+json"]')).toHaveCount(4)
   await expect(page.locator('#about')).toContainText('weapp-tailwindcss')
   const docsLinks = page.locator('#projects').getByRole('link', { name: '阅读文档' })
-  await expect(docsLinks).toHaveCount(3)
+  await expect(docsLinks).toHaveCount(4)
   await expect(docsLinks.evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     'https://tw.weapp.dev/',
     'https://vite.weapp.dev/',
+    'https://sqlite.weapp.dev/',
     'https://github.com/daguanren21/Varo#readme',
   ])
   const projectHomeLinks = page.locator('.home-project-rail a')
   await expect(projectHomeLinks.evaluateAll(links => links.map(link => ({ href: link.getAttribute('href'), target: link.getAttribute('target'), rel: link.getAttribute('rel') })))).resolves.toEqual([
     { href: 'https://tw.weapp.dev/', target: '_blank', rel: 'noreferrer' },
     { href: 'https://vite.weapp.dev/', target: '_blank', rel: 'noreferrer' },
-    { href: 'https://github.com/daguanren21/Varo#readme', target: '_blank', rel: 'noreferrer' },
     { href: 'https://sqlite.weapp.dev/', target: '_blank', rel: 'noreferrer' },
+    { href: 'https://github.com/daguanren21/Varo#readme', target: '_blank', rel: 'noreferrer' },
   ])
   await expect(page.locator('.home-project-visual-link').evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     'https://tw.weapp.dev/',
     'https://vite.weapp.dev/',
+    'https://sqlite.weapp.dev/',
     'https://github.com/daguanren21/Varo#readme',
   ])
   await expect(page.locator('.home-project-title-link').evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     'https://tw.weapp.dev/',
     'https://vite.weapp.dev/',
+    'https://sqlite.weapp.dev/',
     'https://github.com/daguanren21/Varo#readme',
   ])
   await expect(page.locator('#projects a[data-analytics-event="select_project"]').evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     '/projects/weapp-tailwindcss/',
     '/projects/weapp-vite/',
+    '/projects/weapp-sqlite/',
     '/projects/varo/',
   ])
 
@@ -81,8 +86,8 @@ test('renders the bilingual ecosystem home with valid metadata', async ({ page }
   await expect(page.locator('.home-project-rail a').evaluateAll(links => links.map(link => link.getAttribute('href')))).resolves.toEqual([
     'https://tw.weapp.dev/',
     'https://vite.weapp.dev/',
-    'https://github.com/daguanren21/Varo#readme',
     'https://sqlite.weapp.dev/',
+    'https://github.com/daguanren21/Varo#readme',
   ])
 })
 
@@ -170,6 +175,16 @@ test('planned project exposes complete placeholder release data', async ({ page
   await expect(page.getByText('GitHub Stars')).toBeVisible()
 })
 
+test('beta SQLite project exposes its status and official destinations', async ({ page }) => {
+  await page.goto('/projects/weapp-sqlite/')
+  await expect(page.getByRole('heading', { level: 1, name: 'weapp-sqlite' })).toBeVisible()
+  await expect(page.getByText('测试版', { exact: true }).first()).toBeVisible()
+  await expect(page.getByRole('link', { name: '阅读文档' }).first()).toHaveAttribute('href', 'https://sqlite.weapp.dev/')
+  await expect(page.getByRole('link', { name: '查看源码' })).toHaveAttribute('href', 'https://github.com/weapp-sqlite/weapp-sqlite')
+  await expect(page.locator('pre code')).toContainText('pnpm add weapp-sqlite')
+  await expect(page.getByText('0.0.0-beta')).toBeVisible()
+})
+
 test('passes automated accessibility checks in light and dark themes', async ({ page }) => {
   await page.emulateMedia({ reducedMotion: 'reduce' })
   for (const theme of ['light', 'dark']) {

From f0603f219b0b81d16e794d187e91670b95207d74 Mon Sep 17 00:00:00 2001
From: ice breaker <1324318532@qq.com>
Date: Wed, 2 Sep 2026 20:19:27 +0800
Subject: [PATCH 3/3] ci: stabilize checks and metrics sync

---
 .github/workflows/ci.yml             | 49 ++++++++++++++++++++++++++++
 apps/web/package.json                |  1 +
 apps/web/scripts/generate-metrics.ts | 22 +++++++++++--
 apps/web/src/lib/metrics.test.ts     | 13 +++++++-
 apps/web/src/lib/metrics.ts          |  7 ++++
 package.json                         |  1 +
 6 files changed, 90 insertions(+), 3 deletions(-)
 create mode 100644 .github/workflows/ci.yml

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 0000000..6afc133
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,49 @@
+name: CI
+
+on:
+  pull_request:
+    branches: [main]
+  push:
+    branches: [main]
+
+concurrency:
+  group: ci-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  verify:
+    runs-on: ubuntu-24.04
+    timeout-minutes: 20
+
+    steps:
+      - name: Check out the repository
+        uses: actions/checkout@11d5960a326750d5838078e36cf38b85af677262 # v4
+
+      - name: Set up pnpm
+        uses: pnpm/action-setup@f40ffcd9367d9f12939873eb1018b921a783ffaa # v4
+        with:
+          version: 10.33.4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # v4
+        with:
+          node-version-file: .node-version
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Run static checks and unit tests
+        run: pnpm check
+
+      - name: Build and validate the static site
+        run: pnpm --filter @weapp.dev/web build
+
+      - name: Install the Playwright browser
+        run: pnpm --filter @weapp.dev/web exec playwright install --with-deps chromium
+
+      - name: Run end-to-end tests
+        run: pnpm --filter @weapp.dev/web test:e2e
diff --git a/apps/web/package.json b/apps/web/package.json
index 9e7baa1..6318bab 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -12,6 +12,7 @@
     "lint": "eslint .",
     "lint:styles": "stylelint 'src/**/*.css'",
     "metrics": "tsx scripts/generate-metrics.ts",
+    "metrics:sync": "tsx scripts/generate-metrics.ts --update-fallback --require-fresh",
     "media:generate": "tsx scripts/generate-media.ts",
     "metrics:update-fallback": "tsx scripts/generate-metrics.ts --update-fallback",
     "og:generate": "tsx scripts/generate-og.ts",
diff --git a/apps/web/scripts/generate-metrics.ts b/apps/web/scripts/generate-metrics.ts
index 7c24b5d..50ae361 100644
--- a/apps/web/scripts/generate-metrics.ts
+++ b/apps/web/scripts/generate-metrics.ts
@@ -2,6 +2,7 @@ import type { ProjectMetrics, ProjectMetricsMap } from '../src/types/project'
 import { mkdir, readdir, readFile, rename, writeFile } from 'node:fs/promises'
 import { basename, dirname, extname, resolve } from 'node:path'
 import process from 'node:process'
+import { hasSameProjectMetricValues } from '../src/lib/metrics'
 
 interface ProjectSource {
   slug: string
@@ -81,9 +82,15 @@ async function writeJsonAtomic(path: string, value: unknown): Promise<void> {
 const fallback = JSON.parse(await readFile(fallbackPath, 'utf8')) as ProjectMetricsMap
 const next = { ...fallback }
 const projectSources = await loadProjectSources()
+const failures: string[] = []
+const requireFresh = process.argv.includes('--require-fresh')
+const updateFallback = process.argv.includes('--update-fallback')
 
 await Promise.all(projectSources.map(async (project) => {
   if (!project.npmUrl) {
+    if (!fallback[project.slug]) {
+      failures.push(project.slug)
+    }
     console.log(`Using fallback metrics for ${project.slug}: no public npm package`)
     return
   }
@@ -92,12 +99,23 @@ await Promise.all(projectSources.map(async (project) => {
     console.log(`Updated metrics for ${project.slug}`)
   }
   catch (error) {
+    if (!fallback[project.slug]) {
+      failures.push(project.slug)
+    }
     const message = error instanceof Error ? error.message : String(error)
     console.warn(`Using fallback metrics for ${project.slug}: ${message}`)
   }
 }))
 
+if (requireFresh && failures.length > 0) {
+  throw new Error(`Failed to refresh metrics without a fallback: ${failures.sort().join(', ')}`)
+}
+
 await writeJsonAtomic(cachePath, next)
-if (process.argv.includes('--update-fallback')) {
-  await writeJsonAtomic(fallbackPath, next)
+if (updateFallback) {
+  const updatedFallback = Object.fromEntries(Object.entries(next).map(([slug, metrics]) => {
+    const previous = fallback[slug]
+    return [slug, previous && hasSameProjectMetricValues(previous, metrics) ? previous : metrics]
+  })) as ProjectMetricsMap
+  await writeJsonAtomic(fallbackPath, updatedFallback)
 }
diff --git a/apps/web/src/lib/metrics.test.ts b/apps/web/src/lib/metrics.test.ts
index 98a1e5d..fd5e611 100644
--- a/apps/web/src/lib/metrics.test.ts
+++ b/apps/web/src/lib/metrics.test.ts
@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import { formatCompactNumber, isProjectMetrics, parseMetricsMap } from './metrics'
+import { formatCompactNumber, hasSameProjectMetricValues, isProjectMetrics, parseMetricsMap } from './metrics'
 
 const validMetrics = {
   version: '1.2.3',
@@ -21,6 +21,17 @@ describe('project metrics', () => {
     expect(parseMetricsMap({})).toBeNull()
   })
 
+  it('ignores fetch timestamps when public metric values are unchanged', () => {
+    expect(hasSameProjectMetricValues(validMetrics, {
+      ...validMetrics,
+      fetchedAt: '2026-09-02T00:00:00.000Z',
+    })).toBe(true)
+    expect(hasSameProjectMetricValues(validMetrics, {
+      ...validMetrics,
+      weeklyDownloads: validMetrics.weeklyDownloads + 1,
+    })).toBe(false)
+  })
+
   it('formats public metrics compactly', () => {
     expect(formatCompactNumber(11561, 'en')).toBe('11.6K')
   })
diff --git a/apps/web/src/lib/metrics.ts b/apps/web/src/lib/metrics.ts
index 5c0221d..8c3a2e0 100644
--- a/apps/web/src/lib/metrics.ts
+++ b/apps/web/src/lib/metrics.ts
@@ -24,6 +24,13 @@ export function isProjectMetrics(value: unknown): value is ProjectMetrics {
     && !Number.isNaN(Date.parse(metrics.fetchedAt))
 }
 
+export function hasSameProjectMetricValues(left: ProjectMetrics, right: ProjectMetrics): boolean {
+  return left.version === right.version
+    && left.releasedAt === right.releasedAt
+    && left.stars === right.stars
+    && left.weeklyDownloads === right.weeklyDownloads
+}
+
 export function parseMetricsMap(value: unknown): ProjectMetricsMap | null {
   if (!value || typeof value !== 'object' || Array.isArray(value)) {
     return null
diff --git a/package.json b/package.json
index ff70246..49aab40 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "dev": "turbo run dev --filter=@weapp.dev/web",
     "lint": "turbo run lint lint:styles",
     "metrics": "pnpm --filter @weapp.dev/web metrics",
+    "metrics:sync": "pnpm --filter @weapp.dev/web metrics:sync",
     "preview": "pnpm --filter @weapp.dev/web preview",
     "repo:check": "repo check",
     "repo:doctor": "repo doctor",