rothzerg 0.1.0

package/templates/_base-website/i18n/sections/support/sv.ts

@@ -0,0 +1,37 @@
+export const supportSV: Record<string, any> = {
+  "supportPage": {
+    "title": "Support & Hjälpcenter",
+    "subtitle": "Vi är här för att hjälpa",
+    "faqTitle": "Vanliga Frågor",
+    "faq": [
+      {
+        "question": "Hur kommer jag igång?",
+        "answer": "Ladda ner och skapa konto."
+      },
+      {
+        "question": "Är Emrius gratis?",
+        "answer": "Det finns en gratis plan."
+      },
+      {
+        "question": "Hur avbryter jag?",
+        "answer": "I enhetens inställningar."
+      },
+      {
+        "question": "Kan jag använda offline?",
+        "answer": "Ja, efter nedladdning."
+      },
+      {
+        "question": "Hur spårar jag framsteg?",
+        "answer": "I instrumentpanelen."
+      }
+    ],
+    "contactTitle": "Kontakta Oss",
+    "contactSubtitle": "Kontakta supportteamet.",
+    "generalSupport": "Allmän Support",
+    "generalSupportDesc": "Appfrågor",
+    "legalInquiries": "Juridiska Frågor",
+    "legalInquiriesDesc": "Juridiska frågor",
+    "privacyConcerns": "Integritet",
+    "privacyConcernsDesc": "Datafrågor"
+  }
+};

package/templates/_base-website/i18n/sections/support/th.ts

@@ -0,0 +1,37 @@
+export const supportTH: Record<string, any> = {
+  "supportPage": {
+    "title": "การสนับสนุน",
+    "subtitle": "เราอยู่ที่นี่เพื่อช่วย",
+    "faqTitle": "คำถามที่พบบ่อย",
+    "faq": [
+      {
+        "question": "เริ่มต้นอย่างไร?",
+        "answer": "ดาวน์โหลดและสร้างบัญชี"
+      },
+      {
+        "question": "Emrius ฟรีหรือไม่?",
+        "answer": "มีแผนฟรี"
+      },
+      {
+        "question": "ยกเลิกอย่างไร?",
+        "answer": "ในการตั้งค่าอุปกรณ์"
+      },
+      {
+        "question": "ใช้ออฟไลน์ได้ไหม?",
+        "answer": "ได้หลังดาวน์โหลด"
+      },
+      {
+        "question": "ติดตามความก้าวหน้าอย่างไร?",
+        "answer": "ในแดชบอร์ด"
+      }
+    ],
+    "contactTitle": "ติดต่อเรา",
+    "contactSubtitle": "ติดต่อทีมสนับสนุน",
+    "generalSupport": "การสนับสนุนทั่วไป",
+    "generalSupportDesc": "คำถามเกี่ยวกับแอป",
+    "legalInquiries": "คำถามทางกฎหมาย",
+    "legalInquiriesDesc": "เรื่องทางกฎหมาย",
+    "privacyConcerns": "ความเป็นส่วนตัว",
+    "privacyConcernsDesc": "คำถามเกี่ยวกับข้อมูล"
+  }
+};

package/templates/_base-website/i18n/sections/support/tr.ts

@@ -0,0 +1,37 @@
+export const supportTR: Record<string, any> = {
+  "supportPage": {
+    "title": "Destek ve Yardım Merkezi",
+    "subtitle": "Emrius'tan en iyi şekilde yararlanmanıza yardımcı oluruz",
+    "faqTitle": "Sık Sorulan Sorular",
+    "faq": [
+      {
+        "question": "Emrius'a nasıl başlarım?",
+        "answer": "İndirin ve hesap oluşturun."
+      },
+      {
+        "question": "Emrius ücretsiz mi?",
+        "answer": "Ücretsiz plan mevcuttur."
+      },
+      {
+        "question": "Aboneliğimi nasıl iptal ederim?",
+        "answer": "Cihaz ayarlarından."
+      },
+      {
+        "question": "Çevrimdışı kullanabilir miyim?",
+        "answer": "Evet, indirme sonrası."
+      },
+      {
+        "question": "İlerlemi nasıl takip ederim?",
+        "answer": "Pano ekranında."
+      }
+    ],
+    "contactTitle": "Bize Ulaşın",
+    "contactSubtitle": "Destek ekibimize ulaşın.",
+    "generalSupport": "Genel Destek",
+    "generalSupportDesc": "Uygulama soruları için",
+    "legalInquiries": "Yasal Sorular",
+    "legalInquiriesDesc": "Yasal konular için",
+    "privacyConcerns": "Gizlilik Soruları",
+    "privacyConcernsDesc": "Veri soruları için"
+  }
+};

package/templates/_base-website/i18n/sections/support/vi.ts

@@ -0,0 +1,37 @@
+export const supportVI: Record<string, any> = {
+  "supportPage": {
+    "title": "Hỗ Trợ & Trung Tâm Trợ Giúp",
+    "subtitle": "Chúng tôi ở đây để giúp",
+    "faqTitle": "Câu Hỏi Thường Gặp",
+    "faq": [
+      {
+        "question": "Bắt đầu như thế nào?",
+        "answer": "Tải về và tạo tài khoản."
+      },
+      {
+        "question": "Emrius có miễn phí không?",
+        "answer": "Có gói miễn phí."
+      },
+      {
+        "question": "Hủy đăng ký như thế nào?",
+        "answer": "Trong cài đặt thiết bị."
+      },
+      {
+        "question": "Có thể dùng offline không?",
+        "answer": "Có sau khi tải."
+      },
+      {
+        "question": "Theo dõi tiến độ như thế nào?",
+        "answer": "Trong bảng điều khiển."
+      }
+    ],
+    "contactTitle": "Liên Hệ",
+    "contactSubtitle": "Liên hệ đội hỗ trợ.",
+    "generalSupport": "Hỗ Trợ Chung",
+    "generalSupportDesc": "Câu hỏi về ứng dụng",
+    "legalInquiries": "Câu Hỏi Pháp Lý",
+    "legalInquiriesDesc": "Vấn đề pháp lý",
+    "privacyConcerns": "Bảo Mật",
+    "privacyConcernsDesc": "Câu hỏi về dữ liệu"
+  }
+};

package/templates/_base-website/i18n/sections/support/zh.ts

@@ -0,0 +1,37 @@
+export const supportZH: Record<string, any> = {
+  "supportPage": {
+    "title": "支持与帮助中心",
+    "subtitle": "帮助您充分利用Emrius",
+    "faqTitle": "常见问题",
+    "faq": [
+      {
+        "question": "如何开始使用Emrius？",
+        "answer": "下载并创建账户。"
+      },
+      {
+        "question": "Emrius是免费的吗？",
+        "answer": "有免费版本。"
+      },
+      {
+        "question": "如何取消订阅？",
+        "answer": "通过设备设置取消。"
+      },
+      {
+        "question": "可以离线使用吗？",
+        "answer": "下载后可以。"
+      },
+      {
+        "question": "如何追踪进度？",
+        "answer": "在仪表板中查看。"
+      }
+    ],
+    "contactTitle": "联系我们",
+    "contactSubtitle": "联系我们的支持团队。",
+    "generalSupport": "一般支持",
+    "generalSupportDesc": "应用相关问题",
+    "legalInquiries": "法律咨询",
+    "legalInquiriesDesc": "法律事务",
+    "privacyConcerns": "隐私咨询",
+    "privacyConcernsDesc": "数据和隐私问题"
+  }
+};

package/templates/_base-website/i18n/translations.ts

@@ -0,0 +1,25 @@
+// {{siteName}} website translations for all 19 supported languages
+import { commonTranslations } from "./sections/common/_index.ts";
+import { homeTranslations } from "./sections/home/_index.ts";
+import { supportTranslations } from "./sections/support/_index.ts";
+import { deepLinkTranslations } from "./sections/deepLink/_index.ts";
+import { blogTranslations } from "./sections/blog/_index.ts";
+
+export const translationData: Record<string, any> = {};
+
+const languages = Object.keys(commonTranslations);
+
+for (const lang of languages) {
+  translationData[lang] = {
+    ...commonTranslations[lang],
+    ...homeTranslations[lang],
+    ...supportTranslations[lang],
+    ...deepLinkTranslations[lang],
+    ...blogTranslations[lang],
+  };
+}
+
+// Format for i18next
+export const translations: Record<string, { translation: any }> = Object.fromEntries(
+  Object.entries(translationData).map(([lang, data]) => [lang, { translation: data }])
+);

package/templates/_base-website/index.ts

@@ -0,0 +1,460 @@
+import { renderToString } from "react-dom/server";
+import { App } from "./App.tsx";
+import React from "react";
+import { StaticRouter } from "react-router";
+import { generateTailwindCSS } from "../../utils/tailwind-generator.ts";
+import { buildClientBundle } from "../../utils/buildClientBundle.ts";
+import { SUPPORTED_LANGUAGES, LANGUAGE_LOCALES, SITE_CONFIG, DEFAULT_LANGUAGE, isValidLanguage, fetchFromAPI, type Language, APP_ADS_TXT } from "./config.ts";
+import { translationData } from "./i18n/translations.ts";
+import { InitialDataProvider } from "./InitialDataContext.tsx";
+import { getRobotsTxt } from "../../utils/get-robots.ts";
+import { escapeHtml } from "../../utils/html-utils.ts";
+import { generateHreflangTags, generateSitemap } from "../../utils/seo-utils.ts";
+import { matchDeepLinkSegment } from "../../utils/routing-utils.ts";
+import { renderDeepLinkPage, renderNotFound } from "../../utils/render-utils.ts";
+import {
+  getBlogPostsWithDetails,
+  getBlogPostWithDetails,
+  getBlogCategories,
+  getBlogTags,
+  getBlogAuthor,
+  getBlogAuthors,
+  getBlogPostsByTag,
+  getBlogPostsByCategory,
+  getBlogPostsByAuthor,
+} from "../../utils/blog-utils.ts";
+
+async function getBlogSidebar(lang: string) {
+  const [allPosts, categories, tags] = await Promise.all([
+    getBlogPostsWithDetails(SITE_DIR, lang),
+    getBlogCategories(SITE_DIR, lang),
+    getBlogTags(SITE_DIR, lang),
+  ]);
+  const recentPosts = allPosts.slice(0, 5).map((p) => ({
+    slug: p.slug,
+    title: p.title,
+    publishedAt: p.publishedAt,
+    coverImage: p.coverImage || null,
+  }));
+  const categoriesWithCount = categories.map((cat) => ({
+    ...cat,
+    postCount: allPosts.filter((p) => p.categorySlug === cat.slug).length,
+  }));
+  return { recentPosts, categories: categoriesWithCount, tags };
+}
+
+const SITE_DIR = "{{domain}}";
+
+// Generate CSS and JS bundles at startup
+const cssInputPath = new URL("./styles/_app.css", import.meta.url).pathname;
+const outputDir = new URL("./public", import.meta.url).pathname;
+
+const cssContent = await generateTailwindCSS({ inputPath: cssInputPath, outputDir, returnCssOnly: true });
+const clientName = await buildClientBundle(SITE_CONFIG.domain);
+
+function getPageMeta(pathname: string): {
+  lang: Language;
+  title: string;
+  description: string;
+  ogType: string;
+} {
+  const parts = pathname.split("/").filter(Boolean);
+  const langFromPath = parts[0];
+  const lang: Language = isValidLanguage(langFromPath) ? langFromPath : "en";
+  const page = parts[1] || "home";
+
+  const t = (translationData[lang] || translationData["en"]) as any;
+
+  let title = t.meta.homeTitle;
+  let description = t.meta.homeDescription;
+  let ogType = "website";
+
+  if (page === "terms") {
+    title = t.meta.termsTitle;
+    description = t.meta.termsDescription;
+    ogType = "article";
+  } else if (page === "privacy") {
+    title = t.meta.privacyTitle;
+    description = t.meta.privacyDescription;
+    ogType = "article";
+  } else if (page === "support") {
+    title = t.meta.supportTitle;
+    description = t.meta.supportDescription;
+  } else if (page === "blog") {
+    title = "Blog";
+    description = `Articles, tutorials, and insights on building modern web applications from ${SITE_CONFIG.name}.`;
+  }
+
+  return {
+    lang,
+    title: `${title} | ${SITE_CONFIG.name}`,
+    description,
+    ogType,
+  };
+}
+
+function buildBaseHtml(
+  pathname: string,
+  lang: Language,
+  title: string,
+  description: string,
+  ogType: string,
+  bodyHtml: string,
+  extraHead: string = "",
+  ogImage?: string,
+  initialData?: unknown
+): string {
+  const locale = LANGUAGE_LOCALES[lang] || "en_US";
+  const canonicalUrl = `${SITE_CONFIG.url}${pathname}`;
+  const isRTL = lang === "ar";
+  const safeTitle = escapeHtml(title);
+  const safeDesc = escapeHtml(description);
+  const imageUrl = ogImage || `${SITE_CONFIG.url}/static/images/og-image.png`;
+
+  return `<!DOCTYPE html>
+<html lang="${lang}"${isRTL ? ' dir="rtl"' : ""}>
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="/static/images/favicon.png">
+    <title>${safeTitle}</title>
+    <meta name="description" content="${safeDesc}">
+    <meta name="keywords" content="${escapeHtml(SITE_CONFIG.keywords)}">
+    <meta name="author" content="${SITE_CONFIG.author}">
+    <meta name="theme-color" content="${SITE_CONFIG.themeColor}">
+    <link rel="canonical" href="${canonicalUrl}">
+${generateHreflangTags(pathname, SUPPORTED_LANGUAGES, SITE_CONFIG.url, DEFAULT_LANGUAGE)}
+    <!-- Open Graph -->
+    <meta property="og:type" content="${ogType}">
+    <meta property="og:title" content="${safeTitle}">
+    <meta property="og:description" content="${safeDesc}">
+    <meta property="og:url" content="${canonicalUrl}">
+    <meta property="og:site_name" content="${SITE_CONFIG.name}">
+    <meta property="og:locale" content="${locale}">
+    <meta property="og:image" content="${imageUrl}">
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta name="twitter:title" content="${safeTitle}">
+    <meta name="twitter:description" content="${safeDesc}">
+    <meta name="twitter:site" content="${SITE_CONFIG.twitterHandle}">
+    <meta name="twitter:image" content="${imageUrl}">
+    <!-- App Links -->
+    <meta name="apple-itunes-app" content="app-id=${SITE_CONFIG.iosAppId}">
+${extraHead}
+${SITE_CONFIG.googleAnalyticsId ? `    <!-- Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=${SITE_CONFIG.googleAnalyticsId}"></script>
+    <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','${SITE_CONFIG.googleAnalyticsId}');</script>` : ""}
+    <script>(function(){var t=localStorage.getItem('theme')||(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');document.documentElement.setAttribute('data-theme',t);})();</script>
+    <style>
+      :root {
+        --color-primary: ${SITE_CONFIG.theme.primary};
+        --color-secondary: ${SITE_CONFIG.theme.secondary};
+      }
+      ${cssContent}
+    </style>
+  </head>
+  <body>
+    <div id="root">${bodyHtml}</div>
+    ${initialData ? `<script>window.__INITIAL_DATA__ = ${JSON.stringify(initialData).replace(/<\//g, "<\\/")};</script>` : ""}
+    <script type="module" src="/static/${clientName}"></script>
+  </body>
+</html>`;
+}
+
+
+export async function handleRequest(hostname: string, pathname: string = "/"): Promise<Response> {
+  if (pathname === "/") {
+    return new Response(null, {
+      status: 302,
+      headers: { Location: "/en/" },
+    });
+  }
+
+  // ── Blog API routes (/api/blog/:lang/...) ────────────────────────────────
+  if (pathname.startsWith("/api/blog/")) {
+    const parts = pathname.split("/").filter(Boolean); // ["api","blog",lang,resource?,id?]
+    const blogLang = parts[2];
+    const resource = parts[3];
+    const id = parts[4];
+
+    const jsonHeaders = { "Content-Type": "application/json; charset=utf-8" };
+    const notFoundJson = new Response(JSON.stringify({ error: "Not found" }), { status: 404, headers: jsonHeaders });
+
+    if (!isValidLanguage(blogLang)) {
+      return new Response(JSON.stringify({ error: "Invalid language" }), { status: 400, headers: jsonHeaders });
+    }
+
+    const lang = blogLang as Language;
+
+    if (resource === "posts" && !id) {
+      const posts = await getBlogPostsWithDetails(SITE_DIR, lang);
+      return new Response(JSON.stringify(posts), { headers: jsonHeaders });
+    }
+
+    if (resource === "posts" && id) {
+      const post = await getBlogPostWithDetails(SITE_DIR, lang, id);
+      if (!post) return notFoundJson;
+      return new Response(JSON.stringify(post), { headers: jsonHeaders });
+    }
+
+    if (resource === "categories") {
+      const categories = await getBlogCategories(SITE_DIR, lang);
+      return new Response(JSON.stringify(categories), { headers: jsonHeaders });
+    }
+
+    if (resource === "tags") {
+      const tags = await getBlogTags(SITE_DIR, lang);
+      return new Response(JSON.stringify(tags), { headers: jsonHeaders });
+    }
+
+    if (resource === "authors" && id) {
+      const author = await getBlogAuthor(SITE_DIR, lang, id);
+      if (!author) return notFoundJson;
+      return new Response(JSON.stringify(author), { headers: jsonHeaders });
+    }
+
+    return notFoundJson;
+  }
+
+  // ── Blog SSR pages (/:lang/blog and /:lang/blog/:slug) ───────────────────
+  const pathParts = pathname.split("/").filter(Boolean);
+  if (pathParts[1] === "blog" && isValidLanguage(pathParts[0])) {
+    const pageLang = pathParts[0] as Language;
+    const slug = pathParts[2];
+    const perPage = SITE_CONFIG.features.blogPostsPerPage;
+
+    function paginate<T>(allItems: T[], pageNum: number): { items: T[]; pagination: { page: number; totalPages: number; total: number; baseUrl: string } } {
+      const totalPages = Math.max(1, Math.ceil(allItems.length / perPage));
+      const safePage = Math.min(Math.max(1, pageNum), totalPages);
+      const items = allItems.slice((safePage - 1) * perPage, safePage * perPage);
+      return { items, pagination: { page: safePage, totalPages, total: allItems.length, baseUrl: "" } };
+    }
+
+    // ── Tag / Category / Author filter pages ────────────────────────────────
+    if (slug === "tag" && pathParts[3]) {
+      const tagSlug = pathParts[3];
+      const pageNum = pathParts[4] === "page" && pathParts[5] ? parseInt(pathParts[5], 10) || 1 : 1;
+      const [{ posts: allPosts, tag }, sidebar] = await Promise.all([
+        getBlogPostsByTag(SITE_DIR, pageLang, tagSlug),
+        getBlogSidebar(pageLang),
+      ]);
+      const { items: posts, pagination } = paginate(allPosts, pageNum);
+      pagination.baseUrl = `/${pageLang}/blog/tag/${tagSlug}`;
+      const pageTitle = `${tag?.name ?? tagSlug} — Tag | ${SITE_CONFIG.name}`;
+      const pageDesc = `Posts tagged "${tag?.name ?? tagSlug}" on ${SITE_CONFIG.name}.`;
+      const data = { posts, tag, sidebar, pagination };
+      const bodyHtml = renderToString(
+        React.createElement(StaticRouter, { location: pathname },
+          React.createElement(InitialDataProvider, { data },
+            React.createElement(App)
+          )
+        )
+      );
+      return new Response(
+        buildBaseHtml(pathname, pageLang, pageTitle, pageDesc, "website", bodyHtml, "", undefined, data),
+        { headers: { "Content-Type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    if (slug === "category" && pathParts[3]) {
+      const categorySlug = pathParts[3];
+      const pageNum = pathParts[4] === "page" && pathParts[5] ? parseInt(pathParts[5], 10) || 1 : 1;
+      const [{ posts: allPosts, category }, sidebar] = await Promise.all([
+        getBlogPostsByCategory(SITE_DIR, pageLang, categorySlug),
+        getBlogSidebar(pageLang),
+      ]);
+      const { items: posts, pagination } = paginate(allPosts, pageNum);
+      pagination.baseUrl = `/${pageLang}/blog/category/${categorySlug}`;
+      const pageTitle = `${category?.name ?? categorySlug} — Category | ${SITE_CONFIG.name}`;
+      const pageDesc = category?.description ?? `Posts in category "${category?.name ?? categorySlug}" on ${SITE_CONFIG.name}.`;
+      const data = { posts, category, sidebar, pagination };
+      const bodyHtml = renderToString(
+        React.createElement(StaticRouter, { location: pathname },
+          React.createElement(InitialDataProvider, { data },
+            React.createElement(App)
+          )
+        )
+      );
+      return new Response(
+        buildBaseHtml(pathname, pageLang, pageTitle, pageDesc, "website", bodyHtml, "", undefined, data),
+        { headers: { "Content-Type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    if (slug === "author" && pathParts[3]) {
+      const authorSlug = pathParts[3];
+      const pageNum = pathParts[4] === "page" && pathParts[5] ? parseInt(pathParts[5], 10) || 1 : 1;
+      const [{ posts: allPosts, author }, sidebar] = await Promise.all([
+        getBlogPostsByAuthor(SITE_DIR, pageLang, authorSlug),
+        getBlogSidebar(pageLang),
+      ]);
+      const { items: posts, pagination } = paginate(allPosts, pageNum);
+      pagination.baseUrl = `/${pageLang}/blog/author/${authorSlug}`;
+      const pageTitle = `${author?.name ?? authorSlug} — Author | ${SITE_CONFIG.name}`;
+      const pageDesc = author?.bio?.substring(0, 160) ?? `Posts by ${author?.name ?? authorSlug} on ${SITE_CONFIG.name}.`;
+      const data = { posts, author, sidebar, pagination };
+      const bodyHtml = renderToString(
+        React.createElement(StaticRouter, { location: pathname },
+          React.createElement(InitialDataProvider, { data },
+            React.createElement(App)
+          )
+        )
+      );
+      return new Response(
+        buildBaseHtml(pathname, pageLang, pageTitle, pageDesc, "website", bodyHtml, "", undefined, data),
+        { headers: { "Content-Type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    // ── Blog listing with optional page: /page/:page ─────────────────────
+    if (slug === "page" && pathParts[3]) {
+      const pageNum = parseInt(pathParts[3], 10) || 1;
+      if (pageNum === 1) {
+        return new Response(null, { status: 301, headers: { Location: `/${pageLang}/blog` } });
+      }
+      const [allPosts, sidebar] = await Promise.all([
+        getBlogPostsWithDetails(SITE_DIR, pageLang),
+        getBlogSidebar(pageLang),
+      ]);
+      const { items: posts, pagination } = paginate(allPosts, pageNum);
+      pagination.baseUrl = `/${pageLang}/blog`;
+      const listTitle = `Blog — Page ${pageNum} | ${SITE_CONFIG.name}`;
+      const listDesc = `Articles, tutorials, and insights on building modern web applications from ${SITE_CONFIG.name}.`;
+      const data = { posts, sidebar, pagination };
+      const bodyHtml = renderToString(
+        React.createElement(StaticRouter, { location: pathname },
+          React.createElement(InitialDataProvider, { data },
+            React.createElement(App)
+          )
+        )
+      );
+      return new Response(
+        buildBaseHtml(pathname, pageLang, listTitle, listDesc, "website", bodyHtml, "", undefined, data),
+        { headers: { "Content-Type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    if (slug) {
+      // Single blog post page
+      const [post, sidebar] = await Promise.all([
+        getBlogPostWithDetails(SITE_DIR, pageLang, slug),
+        getBlogSidebar(pageLang),
+      ]);
+      if (!post) {
+        return renderNotFound(cssContent, clientName, SITE_CONFIG.name, StaticRouter, App);
+      }
+
+      const postTitle = `${escapeHtml(post.title)} | ${SITE_CONFIG.name}`;
+      const postDesc = escapeHtml(post.excerpt.substring(0, 160));
+      const jsonLd = JSON.stringify({
+        "@context": "https://schema.org",
+        "@type": "BlogPosting",
+        "headline": post.title,
+        "description": post.excerpt,
+        "image": post.coverImage || `${SITE_CONFIG.url}/images/og-image.png`,
+        "datePublished": post.publishedAt,
+        "dateModified": post.updatedAt,
+        "author": { "@type": "Person", "name": post.author?.name ?? SITE_CONFIG.author },
+        "publisher": { "@type": "Organization", "name": SITE_CONFIG.name, "url": SITE_CONFIG.url },
+        "mainEntityOfPage": { "@type": "WebPage", "@id": `${SITE_CONFIG.url}${pathname}` },
+      });
+      const extraHead = `    <script type="application/ld+json">${jsonLd}</script>`;
+      const data = { post, sidebar };
+      const bodyHtml = renderToString(
+        React.createElement(StaticRouter, { location: pathname },
+          React.createElement(InitialDataProvider, { data },
+            React.createElement(App)
+          )
+        )
+      );
+
+      return new Response(
+        buildBaseHtml(pathname, pageLang, postTitle, postDesc, "article", bodyHtml, extraHead, post.coverImage || undefined, data),
+        { headers: { "Content-Type": "text/html; charset=utf-8" } }
+      );
+    }
+
+    // Blog listing page (page 1)
+    const [allPosts, sidebar] = await Promise.all([
+      getBlogPostsWithDetails(SITE_DIR, pageLang),
+      getBlogSidebar(pageLang),
+    ]);
+    const { items: posts, pagination } = paginate(allPosts, 1);
+    pagination.baseUrl = `/${pageLang}/blog`;
+    const listTitle = `Blog | ${SITE_CONFIG.name}`;
+    const listDesc = `Articles, tutorials, and insights on building modern web applications from ${SITE_CONFIG.name}.`;
+    const data = { posts, sidebar, pagination };
+    const bodyHtml = renderToString(
+      React.createElement(StaticRouter, { location: pathname },
+        React.createElement(InitialDataProvider, { data },
+          React.createElement(App)
+        )
+      )
+    );
+
+    return new Response(
+      buildBaseHtml(pathname, pageLang, listTitle, listDesc, "website", bodyHtml, "", undefined, data),
+      { headers: { "Content-Type": "text/html; charset=utf-8" } }
+    );
+  }
+
+  if (pathname === "/app-ads.txt") {
+    return new Response(APP_ADS_TXT, {
+      headers: {
+        "Content-Type": "text/plain",
+      },
+    });
+  }
+
+  // robots.txt
+  if (pathname === "/robots.txt") {
+    return getRobotsTxt(SITE_CONFIG.url, hostname.includes("dev."))
+  }
+
+  // sitemap.xml
+  if (pathname === "/sitemap.xml") {
+    const [posts, categories, tags, authors] = await Promise.all([
+      getBlogPostsWithDetails(SITE_DIR, DEFAULT_LANGUAGE),
+      getBlogCategories(SITE_DIR, DEFAULT_LANGUAGE),
+      getBlogTags(SITE_DIR, DEFAULT_LANGUAGE),
+      getBlogAuthors(SITE_DIR, DEFAULT_LANGUAGE),
+    ]);
+
+    const pages = [
+      { path: "", priority: "1.0", changefreq: "weekly" },
+      { path: "/blog", priority: "0.9", changefreq: "daily" },
+      ...posts.map((p) => ({ path: `/blog/${p.slug}`, priority: "0.8", changefreq: "monthly" })),
+      ...categories.map((c) => ({ path: `/blog/category/${c.slug}`, priority: "0.6", changefreq: "weekly" })),
+      ...tags.map((t) => ({ path: `/blog/tag/${t.slug}`, priority: "0.5", changefreq: "weekly" })),
+      ...authors.map((a) => ({ path: `/blog/author/${a.slug}`, priority: "0.6", changefreq: "weekly" })),
+      { path: "/support", priority: "0.8", changefreq: "monthly" },
+      { path: "/privacy", priority: "0.5", changefreq: "yearly" },
+      { path: "/terms", priority: "0.5", changefreq: "yearly" },
+    ];
+
+    const sitemap = generateSitemap(
+      pages,
+      SUPPORTED_LANGUAGES,
+      SITE_CONFIG.url,
+      DEFAULT_LANGUAGE
+    );
+
+    return new Response(sitemap, {
+      headers: {
+        "Content-Type": "application/xml; charset=utf-8",
+        "Cache-Control": "public, max-age=86400",
+      },
+    });
+  }
+
+  const { lang, title, description, ogType } = getPageMeta(pathname);
+
+  const bodyHtml = renderToString(
+    React.createElement(StaticRouter, { location: pathname }, React.createElement(App))
+  );
+
+  return new Response(
+    buildBaseHtml(pathname, lang, title, description, ogType, bodyHtml),
+    { headers: { "Content-Type": "text/html; charset=utf-8" } }
+  );
+}