create-ampless 0.2.0-alpha.9 → 1.0.0-alpha.101

package/dist/templates/landing/README.ja.md

@@ -0,0 +1,20 @@
+> English: [README.md](./README.md)
+> 
+# Landing テーマ
+
+1 ページ完結型のヒーロー中心レイアウト。任意で「最新記事」グリッドも併設可能。ヘッダー / フッターナビ設定とウォームコーラル系アクセントパレットを備えます。
+
+## カスタマイズ
+
+`/admin/sites/<siteId>/theme` で設定:
+
+- **ヒーロー見出し** — 空欄ならサイト名を使用
+- **ヒーローサブ見出し** — 空欄ならサイト説明を使用
+- **CTA ボタンのテキスト**
+- **CTA リンク先**
+- **プライマリカラー**
+- **角丸**
+- **フィーチャー記事のスラッグ** — 公開済み投稿を 1 件ホームに固定
+- **ロゴ画像 URL**
+- **ヘッダーナビ** — ラベル + URL のペア
+- **フッターリンク** — ラベル + URL のペア

package/dist/templates/landing/README.md

@@ -1,25 +1,20 @@
-# {{siteName}}
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+# Landing theme
 
-A site powered by [ampless](https://github.com/heavymoons/ampless), using the **Landing** theme — hero-led single-page layout with optional "Latest" post grid, configurable header / footer nav, and a warm-coral accent palette.
+Single-page hero focus with optional "Latest" post grid. Hero-led layout with configurable header / footer nav and a warm-coral accent palette.
 
 ## Customizing
 
 In `/admin/sites/<siteId>/theme`:
 
-- Hero headline / subheadline / CTA button text + URL
-- Header navigation (label + URL pairs)
-- Footer links
-- Primary color
-- Corner radius
-
-Empty hero fields fall back to the site name / description from `/admin/sites/<siteId>`.
-
-## Getting started
-
-```bash
-npm install
-npx ampx sandbox       # provision the AWS backend
-npm run dev            # start Next.js
-```
-
-See the project README for full setup.
+- **Hero headline** — empty falls back to the site name
+- **Hero subheadline** — empty falls back to the site description
+- **CTA button text**
+- **CTA URL**
+- **Primary color**
+- **Corner radius**
+- **Featured post slug** — pin one published post to the home page
+- **Logo image URL**
+- **Header navigation** — label + URL pairs
+- **Footer links** — label + URL pairs

package/dist/templates/landing/pages/feed.ts

@@ -1,14 +1,13 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
 // /feed.xml proxy — plugin-rss writes the feed to
-// `public/plugins/rss/{siteId}/feed.xml`. Same flow as the blog theme.
-export async function landingFeedHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+// `public/plugins/rss/feed.xml`. Same flow as the blog theme.
+export async function landingFeedHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/rss/feed.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/landing/pages/home.tsx

@@ -1,30 +1,25 @@
 import Link from 'next/link'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPublishedPosts, getPublishedPost } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
 
 // Hero-led landing layout: big headline + subhead + CTA, then an
 // optional "Latest" grid sourced from published posts. Falls back to
 // site name / description when the manifest hero fields are empty.
-export default async function LandingHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
+export default async function LandingHome(_: ThemeRouteContext) {
   const [settings, theme, postsResult] = await Promise.all([
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
-    listPublishedPosts({ siteId, limit: 6 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
+    ampless.listPublishedPosts({ limit: 6 }),
   ])
 
   // Featured embed below the hero — typical use is a short "About"
   // or "Welcome" article. Filtered out of the Latest grid below to
   // avoid showing the same post twice.
   const featuredSlug = theme.values.featuredSlug?.trim()
-  const featured = featuredSlug
-    ? await getPublishedPost(featuredSlug, { siteId })
-    : null
+  const featured = featuredSlug ? await ampless.getPublishedPost(featuredSlug) : null
   const posts = featured
     ? postsResult.items.filter((p) => p.slug !== featured.slug)
     : postsResult.items

package/dist/templates/landing/pages/post.tsx

@@ -2,35 +2,35 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { LightboxBinder } from '@/components/lightbox-content'
 import { TagList } from '@/components/tag-list'
-import { postMetadata } from '@/lib/seo'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
-import { getPublishedPost } from '@/lib/posts-public'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
-import { t } from '@/lib/i18n'
 
 type PostCtx = ThemeRouteContext<{ slug: string }>
 
 export async function generatePostMetadata({ params }: PostCtx): Promise<Metadata> {
-  const { siteId, slug } = await params
-  const post = await getPublishedPost(slug, { siteId })
+  const { slug } = await params
+  const post = await ampless.getPublishedPost(slug)
   if (!post) return {}
-  return postMetadata(post, siteId)
+  return ampless.postMetadata(post)
 }
 
 export default async function LandingPost({ params }: PostCtx) {
-  const { siteId, slug } = await params
+  const { slug } = await params
   const [post, settings, theme] = await Promise.all([
-    getPublishedPost(slug, { siteId }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.getPublishedPost(slug),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
   if (!post) notFound()
 
+  const postBody = await ampless.publicBodyForPost(post)
+  const html = await ampless.publicHtmlForPost(post)
+
   const defaultLightbox = settings.media.imageDisplay === 'lightbox'
   const maxWidth = settings.media.imageMaxWidth ?? '100%'
   const proseStyle: React.CSSProperties = {
@@ -52,7 +52,7 @@ export default async function LandingPost({ params }: PostCtx) {
             href="/"
             className="text-sm text-[var(--muted-foreground)] hover:text-[var(--primary)]"
           >
-            {t('public.back')}
+            {admin.t('public.back')}
           </Link>
         </nav>
 
@@ -69,6 +69,10 @@ export default async function LandingPost({ params }: PostCtx) {
             )}
           </header>
 
+          {postBody}
+
+          {html.beforeContent}
+
           <div
             id="post-body"
             className="prose prose-neutral dark:prose-invert max-w-none [&_img]:max-w-[var(--ampless-img-max-width)] [&_img]:mx-auto"
@@ -76,6 +80,8 @@ export default async function LandingPost({ params }: PostCtx) {
             dangerouslySetInnerHTML={{ __html: renderBody(post) }}
           />
 
+          {html.afterContent}
+
           <TagList tags={post.tags} className="mt-10 border-t pt-6" />
         </article>
 

package/dist/templates/landing/pages/sitemap.ts

@@ -1,12 +1,11 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
-export async function landingSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+export async function landingSitemapHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/seo/sitemap.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/landing/pages/tag.tsx

@@ -1,20 +1,18 @@
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPostsByTag } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { loadThemeConfig } from '@/lib/theme-config'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { SiteHeader } from '@/components/site-chrome/site-header'
 import { SiteFooter } from '@/components/site-chrome/site-footer'
-import { t } from '@/lib/i18n'
 
 export default async function LandingTag({ params }: ThemeRouteContext<{ tag: string }>) {
-  const { siteId, tag } = await params
+  const { tag } = await params
   const decodedTag = decodeURIComponent(tag)
   const [{ items: posts }, settings, theme] = await Promise.all([
-    listPostsByTag(decodedTag, { siteId, limit: 50 }),
-    loadSiteSettings(siteId),
-    loadThemeConfig(siteId),
+    ampless.listPostsByTag(decodedTag, { limit: 50 }),
+    ampless.loadSiteSettings(),
+    ampless.loadThemeConfig(),
   ])
 
   if (posts.length === 0) notFound()
@@ -34,12 +32,12 @@ export default async function LandingTag({ params }: ThemeRouteContext<{ tag: st
             href="/"
             className="text-sm text-[var(--muted-foreground)] hover:text-[var(--primary)]"
           >
-            {t('public.home')}
+            {admin.t('public.home')}
           </Link>
         </nav>
 
         <header className="mb-12">
-          <p className="text-sm text-[var(--muted-foreground)]">{t('public.tagLabel')}</p>
+          <p className="text-sm text-[var(--muted-foreground)]">{admin.t('public.tagLabel')}</p>
           <h1 className="text-4xl font-bold tracking-tight">#{decodedTag}</h1>
         </header>
 

package/dist/templates/landing/tokens.css

@@ -3,45 +3,23 @@
  * templates/blog/tokens.css for the scoped-selector pattern. */
 
 [data-theme='landing'] {
-  --background: oklch(0.99 0.01 60);
-  --foreground: oklch(0.18 0.02 30);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.18 0.02 30);
-  --primary: oklch(0.6 0.18 35);
-  --primary-foreground: oklch(0.99 0.005 60);
-  --secondary: oklch(0.96 0.015 50);
-  --secondary-foreground: oklch(0.25 0.04 30);
-  --muted: oklch(0.96 0.015 50);
-  --muted-foreground: oklch(0.5 0.02 40);
-  --accent: oklch(0.95 0.05 35);
-  --accent-foreground: oklch(0.3 0.1 30);
-  --destructive: oklch(0.55 0.22 25);
-  --destructive-foreground: oklch(0.99 0 0);
-  --border: oklch(0.92 0.01 60);
-  --input: oklch(0.92 0.01 60);
-  --ring: oklch(0.6 0.18 35);
+  --background: light-dark(oklch(0.99 0.01 60), oklch(0.16 0.02 30));
+  --foreground: light-dark(oklch(0.18 0.02 30), oklch(0.96 0.01 60));
+  --card: light-dark(oklch(1 0 0), oklch(0.22 0.02 30));
+  --card-foreground: light-dark(oklch(0.18 0.02 30), oklch(0.96 0.01 60));
+  --primary: light-dark(oklch(0.6 0.18 35), oklch(0.72 0.16 35));
+  --primary-foreground: light-dark(oklch(0.99 0.005 60), oklch(0.16 0.02 30));
+  --secondary: light-dark(oklch(0.96 0.015 50), oklch(0.28 0.03 30));
+  --secondary-foreground: light-dark(oklch(0.25 0.04 30), oklch(0.96 0.01 60));
+  --muted: light-dark(oklch(0.96 0.015 50), oklch(0.28 0.03 30));
+  --muted-foreground: light-dark(oklch(0.5 0.02 40), oklch(0.7 0.02 40));
+  --accent: light-dark(oklch(0.95 0.05 35), oklch(0.32 0.06 30));
+  --accent-foreground: light-dark(oklch(0.3 0.1 30), oklch(0.96 0.01 60));
+  --destructive: light-dark(oklch(0.55 0.22 25), oklch(0.55 0.22 25));
+  --destructive-foreground: light-dark(oklch(0.99 0 0), oklch(0.99 0 0));
+  --border: light-dark(oklch(0.92 0.01 60), oklch(0.32 0.03 30));
+  --input: light-dark(oklch(0.92 0.01 60), oklch(0.32 0.03 30));
+  --ring: light-dark(oklch(0.6 0.18 35), oklch(0.72 0.16 35));
   --radius: 0.75rem;
   --ampless-body-font: system-ui, -apple-system, sans-serif;
 }
-
-@media (prefers-color-scheme: dark) {
-  [data-theme='landing'] {
-    --background: oklch(0.16 0.02 30);
-    --foreground: oklch(0.96 0.01 60);
-    --card: oklch(0.22 0.02 30);
-    --card-foreground: oklch(0.96 0.01 60);
-    --primary: oklch(0.72 0.16 35);
-    --primary-foreground: oklch(0.16 0.02 30);
-    --secondary: oklch(0.28 0.03 30);
-    --secondary-foreground: oklch(0.96 0.01 60);
-    --muted: oklch(0.28 0.03 30);
-    --muted-foreground: oklch(0.7 0.02 40);
-    --accent: oklch(0.32 0.06 30);
-    --accent-foreground: oklch(0.96 0.01 60);
-    --destructive: oklch(0.55 0.22 25);
-    --destructive-foreground: oklch(0.99 0 0);
-    --border: oklch(0.32 0.03 30);
-    --input: oklch(0.32 0.03 30);
-    --ring: oklch(0.72 0.16 35);
-  }
-}

package/dist/templates/minimal/README.ja.md

@@ -0,0 +1,14 @@
+> English: [README.md](./README.md)
+> 
+# Minimal テーマ
+
+shadcn/ui のカラートークンをベースにした、暖色系ニュートラル地にソフトブルーをアクセントとした構成。カスタマイズ項目を絞ったシンプルなブログレイアウトで、デザインを主張させたくない場合に向きます。
+
+## カスタマイズ
+
+`/admin/sites/<siteId>/theme` で設定:
+
+- **プライマリカラー**
+- **角丸**
+
+以上です。フォントや複数のアクセントカラー、フッター / ナビゲーションの制御など、より細かい調整が必要な場合は `blog` テーマを利用してください。

package/dist/templates/minimal/README.md

@@ -1,52 +1,14 @@
-# {{siteName}}
+> 日本語版: [README.ja.md](./README.ja.md)
+> 
+# Minimal theme
 
-A blog site powered by [ampless](https://github.com/heavymoons/ampless), using the **Minimal** theme — a soft blue accent on a warm-neutral background, derived from shadcn/ui's color tokens.
+Soft blue accent on a warm-neutral background, derived from shadcn/ui's color tokens. Stripped-down blog layout with very few customization knobs — pick this when you want the design to disappear.
 
-## Getting Started
+## Customizing
 
-This project uses Amplify Gen 2 for the backend (Cognito, DynamoDB, S3) and Next.js for the frontend.
+In `/admin/sites/<siteId>/theme`:
 
-```bash
-# 1. Install dependencies
-npm install
+- **Primary color**
+- **Corner radius**
 
-# 2. Start a personal AWS sandbox (terminal 1)
-#    Requires AWS credentials configured (`aws configure`).
-#    First run takes ~5–10 min to provision resources.
-#    Generates amplify_outputs.json when ready.
-npx ampx sandbox
-
-# 3. Start the Next.js dev server (terminal 2)
-npm run dev
-```
-
-Then open [http://localhost:3000](http://localhost:3000).
-
-## First admin user
-
-Open [http://localhost:3000/login](http://localhost:3000/login) and click **Create admin account**. The first user to register is automatically added to the `ampless-admin` Cognito group.
-
-After that, manage content from `/admin`:
-
-- `/admin` — dashboard
-- `/admin/posts` — list / create / edit posts (tiptap editor)
-- `/admin/media` — upload images to S3
-
-## Production deploy
-
-```bash
-git init && git add . && git commit -m "init"
-git remote add origin <your-repo>
-git push
-# Then connect the repo to AWS Amplify Hosting in the AWS console.
-```
-
-## Customize
-
-- `cms.config.ts` — site name, media delivery mode, plugins
-- `app/` — Next.js App Router pages (`(public)/` for the blog, `(admin)/` for the CMS)
-- `amplify/` — Amplify Gen 2 backend definitions (auth / data / storage)
-
-## Plugins
-
-Enabled: {{plugins}}
+That's it. For richer customization (fonts, multiple accent colors, footer / nav controls), use the `blog` theme.

package/dist/templates/minimal/pages/feed.ts

@@ -1,14 +1,13 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
 // /feed.xml proxy — plugin-rss regenerates the feed on content events
-// and writes it to `public/plugins/rss/{siteId}/feed.xml`.
-export async function minimalFeedHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+// and writes it to `public/plugins/rss/feed.xml`.
+export async function minimalFeedHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/rss/feed.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/minimal/pages/home.tsx

@@ -1,14 +1,12 @@
 import Link from 'next/link'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPublishedPosts } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { TagList } from '@/components/tag-list'
-import { t } from '@/lib/i18n'
 
-export default async function MinimalHome({ params }: ThemeRouteContext) {
-  const { siteId } = await params
-  const settings = await loadSiteSettings(siteId)
-  const { items: posts } = await listPublishedPosts({ siteId })
+export default async function MinimalHome(_: ThemeRouteContext) {
+  const settings = await ampless.loadSiteSettings()
+  const { items: posts } = await ampless.listPublishedPosts()
 
   return (
     <main className="mx-auto max-w-2xl px-6 py-12">
@@ -20,7 +18,7 @@ export default async function MinimalHome({ params }: ThemeRouteContext) {
       </header>
 
       {posts.length === 0 ? (
-        <p className="text-gray-500">{t('public.noPosts')}</p>
+        <p className="text-gray-500">{admin.t('public.noPosts')}</p>
       ) : (
         <ul className="space-y-8">
           {posts.map((post) => (

package/dist/templates/minimal/pages/post.tsx

@@ -2,31 +2,32 @@ import type { Metadata } from 'next'
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { renderBody } from '@/lib/posts'
+import { renderBody } from '@ampless/runtime'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 import { LightboxBinder } from '@/components/lightbox-content'
 import { TagList } from '@/components/tag-list'
-import { postMetadata } from '@/lib/seo'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { getPublishedPost } from '@/lib/posts-public'
-import { t } from '@/lib/i18n'
 
 type PostCtx = ThemeRouteContext<{ slug: string }>
 
 export async function generatePostMetadata({ params }: PostCtx): Promise<Metadata> {
-  const { siteId, slug } = await params
-  const post = await getPublishedPost(slug, { siteId })
+  const { slug } = await params
+  const post = await ampless.getPublishedPost(slug)
   if (!post) return {}
-  return postMetadata(post, siteId)
+  return ampless.postMetadata(post)
 }
 
 export default async function MinimalPost({ params }: PostCtx) {
-  const { siteId, slug } = await params
+  const { slug } = await params
   const [post, settings] = await Promise.all([
-    getPublishedPost(slug, { siteId }),
-    loadSiteSettings(siteId),
+    ampless.getPublishedPost(slug),
+    ampless.loadSiteSettings(),
   ])
   if (!post) notFound()
 
+  const postBody = await ampless.publicBodyForPost(post)
+  const html = await ampless.publicHtmlForPost(post)
+
   const defaultLightbox = settings.media.imageDisplay === 'lightbox'
   const maxWidth = settings.media.imageMaxWidth ?? '100%'
   const proseStyle: React.CSSProperties = {
@@ -36,7 +37,7 @@ export default async function MinimalPost({ params }: PostCtx) {
   return (
     <main className="mx-auto max-w-2xl px-6 py-12">
       <nav className="mb-8">
-        <Link href="/" className="text-sm text-gray-500 hover:underline">{t('public.back')}</Link>
+        <Link href="/" className="text-sm text-gray-500 hover:underline">{admin.t('public.back')}</Link>
       </nav>
 
       <article>
@@ -49,6 +50,10 @@ export default async function MinimalPost({ params }: PostCtx) {
           )}
         </header>
 
+        {postBody}
+
+        {html.beforeContent}
+
         <div
           id="post-body"
           className="prose prose-neutral dark:prose-invert max-w-none [&_img]:max-w-[var(--ampless-img-max-width)] [&_img]:mx-auto"
@@ -56,6 +61,8 @@ export default async function MinimalPost({ params }: PostCtx) {
           dangerouslySetInnerHTML={{ __html: renderBody(post) }}
         />
 
+        {html.afterContent}
+
         <TagList tags={post.tags} className="mt-8 border-t pt-6" />
       </article>
 

package/dist/templates/minimal/pages/sitemap.ts

@@ -1,14 +1,13 @@
-import { publicAssetUrl } from '@/lib/storage'
+import { ampless } from '@/lib/ampless'
 
 interface Ctx {
-  siteId: string
   request: Request
 }
 
 // /sitemap.xml proxy — plugin-seo regenerates the sitemap on every
-// content event and writes it to `public/plugins/seo/{siteId}/sitemap.xml`.
-export async function minimalSitemapHandler({ siteId }: Ctx): Promise<Response> {
-  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+// content event and writes it to `public/plugins/seo/sitemap.xml`.
+export async function minimalSitemapHandler(_ctx: Ctx): Promise<Response> {
+  const url = ampless.publicAssetUrl('public/plugins/seo/sitemap.xml')
   const upstream = await fetch(url, { cache: 'no-store' })
   if (!upstream.ok) {
     return new Response(

package/dist/templates/minimal/pages/tag.tsx

@@ -1,16 +1,15 @@
 import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { formatDate, type ThemeRouteContext } from 'ampless'
-import { listPostsByTag } from '@/lib/posts-public'
-import { loadSiteSettings } from '@/lib/site-settings'
-import { t } from '@/lib/i18n'
+import { ampless } from '@/lib/ampless'
+import { admin } from '@/lib/admin'
 
 export default async function MinimalTag({ params }: ThemeRouteContext<{ tag: string }>) {
-  const { siteId, tag } = await params
+  const { tag } = await params
   const decodedTag = decodeURIComponent(tag)
   const [{ items: posts }, settings] = await Promise.all([
-    listPostsByTag(decodedTag, { siteId, limit: 50 }),
-    loadSiteSettings(siteId),
+    ampless.listPostsByTag(decodedTag, { limit: 50 }),
+    ampless.loadSiteSettings(),
   ])
 
   if (posts.length === 0) notFound()
@@ -18,11 +17,11 @@ export default async function MinimalTag({ params }: ThemeRouteContext<{ tag: st
   return (
     <main className="mx-auto max-w-2xl px-6 py-12">
       <nav className="mb-8">
-        <Link href="/" className="text-sm text-gray-500 hover:underline">{t('public.home')}</Link>
+        <Link href="/" className="text-sm text-gray-500 hover:underline">{admin.t('public.home')}</Link>
       </nav>
 
       <header className="mb-12 border-b pb-6">
-        <p className="text-sm text-gray-500">{t('public.tagLabel')}</p>
+        <p className="text-sm text-gray-500">{admin.t('public.tagLabel')}</p>
         <h1 className="text-4xl font-bold tracking-tight">#{decodedTag}</h1>
       </header>
 

package/dist/templates/minimal/tokens.css

@@ -2,45 +2,23 @@
  * pattern as templates/blog/tokens.css; see that file for context. */
 
 [data-theme='minimal'] {
-  --background: oklch(0.99 0.005 90);
-  --foreground: oklch(0.18 0.02 250);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.18 0.02 250);
-  --primary: oklch(0.55 0.18 250);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.95 0.01 250);
-  --secondary-foreground: oklch(0.25 0.05 250);
-  --muted: oklch(0.95 0.01 250);
-  --muted-foreground: oklch(0.5 0.02 250);
-  --accent: oklch(0.95 0.03 250);
-  --accent-foreground: oklch(0.3 0.08 250);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.985 0 0);
-  --border: oklch(0.9 0.01 250);
-  --input: oklch(0.9 0.01 250);
-  --ring: oklch(0.55 0.18 250);
+  --background: light-dark(oklch(0.99 0.005 90), oklch(0.18 0.02 250));
+  --foreground: light-dark(oklch(0.18 0.02 250), oklch(0.95 0.01 250));
+  --card: light-dark(oklch(1 0 0), oklch(0.22 0.02 250));
+  --card-foreground: light-dark(oklch(0.18 0.02 250), oklch(0.95 0.01 250));
+  --primary: light-dark(oklch(0.55 0.18 250), oklch(0.75 0.18 250));
+  --primary-foreground: light-dark(oklch(0.985 0 0), oklch(0.18 0.02 250));
+  --secondary: light-dark(oklch(0.95 0.01 250), oklch(0.28 0.03 250));
+  --secondary-foreground: light-dark(oklch(0.25 0.05 250), oklch(0.95 0.01 250));
+  --muted: light-dark(oklch(0.95 0.01 250), oklch(0.28 0.03 250));
+  --muted-foreground: light-dark(oklch(0.5 0.02 250), oklch(0.7 0.02 250));
+  --accent: light-dark(oklch(0.95 0.03 250), oklch(0.32 0.05 250));
+  --accent-foreground: light-dark(oklch(0.3 0.08 250), oklch(0.95 0.01 250));
+  --destructive: light-dark(oklch(0.577 0.245 27.325), oklch(0.5 0.2 27));
+  --destructive-foreground: light-dark(oklch(0.985 0 0), oklch(0.985 0 0));
+  --border: light-dark(oklch(0.9 0.01 250), oklch(0.32 0.03 250));
+  --input: light-dark(oklch(0.9 0.01 250), oklch(0.32 0.03 250));
+  --ring: light-dark(oklch(0.55 0.18 250), oklch(0.55 0.18 250));
   --radius: 0.375rem;
   --ampless-body-font: system-ui, -apple-system, sans-serif;
 }
-
-@media (prefers-color-scheme: dark) {
-  [data-theme='minimal'] {
-    --background: oklch(0.18 0.02 250);
-    --foreground: oklch(0.95 0.01 250);
-    --card: oklch(0.22 0.02 250);
-    --card-foreground: oklch(0.95 0.01 250);
-    --primary: oklch(0.75 0.18 250);
-    --primary-foreground: oklch(0.18 0.02 250);
-    --secondary: oklch(0.28 0.03 250);
-    --secondary-foreground: oklch(0.95 0.01 250);
-    --muted: oklch(0.28 0.03 250);
-    --muted-foreground: oklch(0.7 0.02 250);
-    --accent: oklch(0.32 0.05 250);
-    --accent-foreground: oklch(0.95 0.01 250);
-    --destructive: oklch(0.5 0.2 27);
-    --destructive-foreground: oklch(0.985 0 0);
-    --border: oklch(0.32 0.03 250);
-    --input: oklch(0.32 0.03 250);
-    --ring: oklch(0.55 0.18 250);
-  }
-}