Head vs Body: JSON-LD in Next.js 16, and the ProfilePage bug I didn’t see comingNext.js 16’s JSON-LD guide favors rendering in the body, but some crawlers still scan head-first. Here’s my layout-head split and a ProfilePage mainEntity fix. →GCreated by goker4 days ago·(Updated 2 days ago)nextjsnextjs 16app routerseostructured datajson+ld
Head vs Body: JSON-LD in Next.js 16, and the ProfilePage bug I didn’t see comingNext.js 16’s JSON-LD guide favors rendering in the body, but some crawlers still scan head-first. Here’s my layout-head split and a ProfilePage mainEntity fix. →GCreated by goker4 days ago·(Updated 2 days ago)nextjsnextjs 16app routerseostructured datajson+ld
Next.js 16 Icons & Manifest in the App Router: SVG Single Source Keep SVG as the single source of truth, generate icon PNGs on Edge, and avoid Node.js runtime by precompiling data URIs + hex colors into lib/generated via a tiny local script. →GCreated by goker5 days ago·(Updated 2 days ago)nextjsnextjs 16app routerpwaiconfaviconsvgoklchshadcntailwind
Next.js 16 Icons & Manifest in the App Router: SVG Single Source Keep SVG as the single source of truth, generate icon PNGs on Edge, and avoid Node.js runtime by precompiling data URIs + hex colors into lib/generated via a tiny local script. →GCreated by goker5 days ago·(Updated 2 days ago)nextjsnextjs 16app routerpwaiconfaviconsvgoklchshadcntailwind
Nextjs 16 SEO Metadata in the App Router: Canonical urls, robots, and my weird slug experimentsHow I generate seo-friendly metadata in next.js 16 app router (titles, descriptions, canonicals, robots.txt) while juggling experimental abstract categories and a flat slug structure. →GCreated by goker7 days ago·(Updated 2 days ago)nextjsnextjs 16app routerseometadata
Nextjs 16 SEO Metadata in the App Router: Canonical urls, robots, and my weird slug experimentsHow I generate seo-friendly metadata in next.js 16 app router (titles, descriptions, canonicals, robots.txt) while juggling experimental abstract categories and a flat slug structure. →GCreated by goker7 days ago·(Updated 2 days ago)nextjsnextjs 16app routerseometadata
Next.js 16 Open Graph Images in the App Router: PNG Templates + Raw Cover Images (GIF Support)Build Open Graph images in Next.js 16 App Router with opengraph-image.tsx: PNG templates via ImageResponse for static pages, raw cover output for posts (GIF supported), and sharp on Node.js. Fix MIME types, dynamic alt text, and optional multi-image (cover crop, gallery contain). →GCreated by goker7 days ago·(Updated 2 days ago)nextjsnextjs 16app routeropengraphmetadataseosharp
Next.js 16 Open Graph Images in the App Router: PNG Templates + Raw Cover Images (GIF Support)Build Open Graph images in Next.js 16 App Router with opengraph-image.tsx: PNG templates via ImageResponse for static pages, raw cover output for posts (GIF supported), and sharp on Node.js. Fix MIME types, dynamic alt text, and optional multi-image (cover crop, gallery contain). →GCreated by goker7 days ago·(Updated 2 days ago)nextjsnextjs 16app routeropengraphmetadataseosharp
The Story: From SPA to BFF to Socket HellMoving from a purely client-side existence to a Next.js based BFF (Backend for Frontend) architecture wasn’t just a tech stack switch; it was a philosophy change. I wanted the speed of an SPA but the security and management capabilities of a server-rendered app. →GCreated by goker33 days ago·(Updated 31 days ago)bffspanextjsarchitectureorval
The Story: From SPA to BFF to Socket HellMoving from a purely client-side existence to a Next.js based BFF (Backend for Frontend) architecture wasn’t just a tech stack switch; it was a philosophy change. I wanted the speed of an SPA but the security and management capabilities of a server-rendered app. →GCreated by goker33 days ago·(Updated 31 days ago)bffspanextjsarchitectureorval
