deploy: add open-webui-ultimate-stack post, SEO improvements, thumbnail fixes

New blog post covering the Open WebUI Ultimate Stack production deployment
with RAG, private search, OCR, MCP tooling, and 35 auto-deployed extensions.

SEO improvements:
- fix Twitter card image URLs to use absolute paths
- add all tag pages to sitemap.xml (50 URLs, up from 12)
- add canonical URLs to blog, projects, about, and tags pages
- add article:tag to blog post OpenGraph metadata
- add noindex to 404 page
- add channel image to RSS feed
- add start_url/scope/id to PWA manifest

Other changes:
- add projects tag to homebridge-smartrent-blink and mongodb-replica-set-manager
- use aspect-video containers with fill layout for consistent thumbnails
- add responsive sizes prop to Card and PostBanner images

Author: BitWise-0x

app/Main.tsx

@@ -49,13 +49,15 @@ export default function Home({ posts }: { posts: CoreContent<Blog>[] }) {
                         aria-hidden="true"
                         tabIndex={-1}
                       >
-                        <Image
-                          src={heroImage}
-                          alt=""
-                          width={280}
-                          height={158}
-                          className="w-full rounded-md object-cover sm:w-[280px]"
-                        />
+                        <div className="relative aspect-video w-full overflow-hidden rounded-md sm:w-[280px]">
+                          <Image
+                            src={heroImage}
+                            alt=""
+                            fill
+                            sizes="(max-width: 640px) 100vw, 280px"
+                            className="object-cover"
+                          />
+                        </div>
                       </Link>
                     )}
                     <div className="space-y-3">

app/about/page.tsx

@@ -10,6 +10,7 @@ export const metadata: Metadata = genPageMetadata({
   title: 'About',
   description:
     'About BitWise — the engineer behind the blog and the backend systems explored here.',
+  path: 'about',
 })
 
 export default function Page() {

app/blog/[...slug]/page.tsx

@@ -64,6 +64,7 @@ export async function generateMetadata(props: {
       url: `${siteMetadata.siteUrl}/blog/${slug}`,
       images: ogImages,
       authors: authors.length > 0 ? authors : [siteMetadata.author],
+      tags: post.tags,
     },
     alternates: {
       canonical: post.canonicalUrl || `${siteMetadata.siteUrl}/blog/${slug}`,
@@ -72,7 +73,7 @@ export async function generateMetadata(props: {
       card: 'summary_large_image',
       title: post.title,
       description: post.summary,
-      images: [heroImage],
+      images: ogImages.map((img) => img.url),
     },
   }
 }

app/blog/page.tsx

@@ -10,6 +10,7 @@ export const metadata: Metadata = genPageMetadata({
   title: 'Blog',
   description:
     'All posts on BitWise — deep dives into backend engineering, distributed systems, AI/ML, and infrastructure.',
+  path: 'blog',
 })
 
 export default async function BlogPage(props: { searchParams: Promise<{ page: string }> }) {

app/not-found.tsx

@@ -1,4 +1,10 @@
 import Link from '@/components/Link'
+import { Metadata } from 'next'
+
+export const metadata: Metadata = {
+  title: 'Page Not Found',
+  robots: { index: false, follow: false },
+}
 
 export default function NotFound() {
   return (

app/projects/page.tsx

@@ -6,6 +6,7 @@ import type { Metadata } from 'next'
 export const metadata: Metadata = genPageMetadata({
   title: 'Projects',
   description: 'Open-source projects and tools built by BitWise.',
+  path: 'projects',
 })
 
 export default function Projects() {

app/seo.tsx

@@ -5,17 +5,25 @@ interface PageSEOProps {
   title: string
   description?: string
   image?: string
+  path?: string
   alternates?: Metadata['alternates']
 }
 
-export function genPageMetadata({ title, description, image, ...rest }: PageSEOProps): Metadata {
+export function genPageMetadata({
+  title,
+  description,
+  image,
+  path,
+  ...rest
+}: PageSEOProps): Metadata {
+  const pageUrl = path ? `${siteMetadata.siteUrl}/${path}` : siteMetadata.siteUrl
   return {
     title,
     description: description || siteMetadata.description,
     openGraph: {
       title: `${title} | ${siteMetadata.title}`,
       description: description || siteMetadata.description,
-      url: siteMetadata.siteUrl,
+      url: pageUrl,
       siteName: siteMetadata.title,
       images: image ? [image] : [siteMetadata.socialBanner],
       locale: 'en_US',
@@ -27,6 +35,10 @@ export function genPageMetadata({ title, description, image, ...rest }: PageSEOP
       images: image ? [image] : [siteMetadata.socialBanner],
       creator: '@BitWise_0x',
     },
+    ...(path &&
+      !rest.alternates && {
+        alternates: { canonical: pageUrl },
+      }),
     ...rest,
   }
 }

app/sitemap.ts

@@ -1,6 +1,7 @@
 import { MetadataRoute } from 'next'
 import { allBlogs } from 'contentlayer/generated'
 import siteMetadata from '@/data/siteMetadata'
+import tagData from 'app/tag-data.json'
 
 export const dynamic = 'force-static'
 
@@ -23,5 +24,10 @@ export default function sitemap(): MetadataRoute.Sitemap {
     lastModified: latestDate,
   }))
 
-  return [...routes, ...blogRoutes]
+  const tagRoutes = Object.keys(tagData as Record<string, number>).map((tag) => ({
+    url: `${siteUrl}/tags/${tag}`,
+    lastModified: latestDate,
+  }))
+
+  return [...routes, ...blogRoutes, ...tagRoutes]
 }

app/tag-data.json

@@ -1,37 +1,40 @@
 {
+  "ai": 4,
+  "comfyui": 1,
+  "python": 2,
+  "generative-ai": 3,
+  "automation": 1,
+  "machine-learning": 1,
+  "llm": 2,
+  "data-science": 1,
+  "prompt-engineering": 1,
   "homebridge": 1,
   "homekit": 1,
   "smartrent": 1,
   "blink": 1,
   "typescript": 1,
   "iot": 1,
   "smart-home": 1,
-  "ai": 3,
-  "projects": 1,
+  "projects": 4,
   "humechat": 1,
   "voice-ai": 1,
   "hume": 1,
   "emotion-detection": 1,
   "psychology": 1,
-  "llm": 1,
-  "generative-ai": 2,
-  "python": 2,
-  "data-science": 1,
-  "prompt-engineering": 1,
+  "docker": 2,
+  "mongodb": 1,
+  "orchestration": 2,
+  "devops": 1,
+  "high-availability": 1,
+  "database": 1,
+  "swarm": 2,
+  "open-webui": 1,
+  "rag": 1,
+  "mcp": 1,
   "defi": 1,
   "blockchain": 1,
   "cryptocurrency": 1,
   "finance": 1,
   "web3": 1,
-  "trading": 1,
-  "docker": 1,
-  "mongodb": 1,
-  "orchestration": 1,
-  "devops": 1,
-  "high-availability": 1,
-  "database": 1,
-  "swarm": 1,
-  "comfyui": 1,
-  "automation": 1,
-  "machine-learning": 1
+  "trading": 1
 }

app/tags/page.tsx

@@ -8,6 +8,7 @@ export const metadata = genPageMetadata({
   title: 'Tags',
   description:
     'Browse all topics on BitWise — backend engineering, distributed systems, AI/ML, blockchain, and infrastructure.',
+  path: 'tags',
 })
 
 export default async function Page() {