@hutusi/amytis 1.9.0 → 1.11.0

package/src/app/[slug]/[postSlug]/page.tsx

@@ -0,0 +1,161 @@
+import { getPostBySlug, getAllPosts, getRelatedPosts, getSeriesPosts, getSeriesData, getAdjacentPosts, buildSlugRegistry, getBacklinks, PostData } from '@/lib/markdown';
+import { notFound } from 'next/navigation';
+import PostLayout from '@/layouts/PostLayout';
+import SimpleLayout from '@/layouts/SimpleLayout';
+import { Metadata } from 'next';
+import { siteConfig } from '../../../../site.config';
+import { resolveLocale } from '@/lib/i18n';
+import { getPostsBasePath, getSeriesCustomPaths, getPostUrl } from '@/lib/urls';
+import { buildPostJsonLd, serializeJsonLd } from '@/lib/json-ld';
+
+function safeDecodeParam(param: string): string {
+  try {
+    return decodeURIComponent(param);
+  } catch {
+    return param;
+  }
+}
+
+function resolvePostFromParam(rawSlug: string) {
+  const decoded = safeDecodeParam(rawSlug);
+  return (
+    getPostBySlug(decoded) ||
+    getPostBySlug(rawSlug) ||
+    getPostBySlug(decoded.normalize('NFC')) ||
+    getPostBySlug(decoded.normalize('NFD'))
+  );
+}
+
+export async function generateStaticParams() {
+  const params: { slug: string; postSlug: string }[] = [];
+
+  // Custom posts basePath — all posts served at /[basePath]/[slug]
+  const basePath = getPostsBasePath();
+  if (basePath !== 'posts') {
+    getAllPosts().forEach(post => { params.push({ slug: basePath, postSlug: post.slug }); });
+  }
+
+  // Series custom paths — only posts belonging to that series
+  for (const [seriesSlug, customPath] of Object.entries(getSeriesCustomPaths())) {
+    getSeriesPosts(seriesSlug).forEach(post => { params.push({ slug: customPath, postSlug: post.slug }); });
+  }
+
+  // Placeholder keeps Next.js happy with output: export when no custom paths configured.
+  // dynamicParams = false ensures any unrecognised slug/postSlug combo returns 404.
+  return params.length > 0 ? params : [{ slug: '_', postSlug: '_' }];
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string; postSlug: string }>;
+}): Promise<Metadata> {
+  const { postSlug: rawPostSlug } = await params;
+  const post = resolvePostFromParam(rawPostSlug);
+
+  if (!post) {
+    return { title: 'Post Not Found' };
+  }
+
+  const ogImage =
+    post.coverImage && !post.coverImage.startsWith('text:') && !post.coverImage.startsWith('./')
+      ? post.coverImage
+      : siteConfig.ogImage;
+
+  return {
+    title: `${post.title} | ${resolveLocale(siteConfig.title)}`,
+    description: post.excerpt,
+    openGraph: {
+      title: post.title,
+      description: post.excerpt,
+      type: 'article',
+      publishedTime: post.date,
+      authors: post.authors,
+      images: [
+        {
+          url: ogImage,
+          width: 1200,
+          height: 630,
+          alt: post.title,
+        },
+      ],
+      siteName: resolveLocale(siteConfig.title),
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title: post.title,
+      description: post.excerpt,
+      images: [ogImage],
+    },
+  };
+}
+
+export default async function PrefixPostPage({
+  params,
+}: {
+  params: Promise<{ slug: string; postSlug: string }>;
+}) {
+  const { slug: prefix, postSlug: rawPostSlug } = await params;
+
+  // Validate the prefix is a known custom path
+  const basePath = getPostsBasePath();
+  const customPaths = getSeriesCustomPaths();
+  const isValidBasePath = prefix === basePath && basePath !== 'posts';
+  const matchedSeriesSlug = Object.entries(customPaths).find(([, path]) => path === prefix)?.[0];
+
+  if (!isValidBasePath && !matchedSeriesSlug) {
+    notFound();
+  }
+
+  const post = resolvePostFromParam(rawPostSlug);
+  if (!post) {
+    notFound();
+  }
+
+  const layout = post.layout || 'post';
+
+  const siteUrl = siteConfig.baseUrl.replace(/\/+$/, '');
+  const jsonLd = buildPostJsonLd({
+    post,
+    postUrl: `${siteUrl}${getPostUrl(post)}`,
+    siteTitle: resolveLocale(siteConfig.title),
+    siteUrl,
+    defaultOgImage: siteConfig.ogImage,
+  });
+  const jsonLdScript = <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: serializeJsonLd(jsonLd) }} />;
+
+  if (layout === 'simple') {
+    return <>{jsonLdScript}<SimpleLayout post={post} /></>;
+  }
+
+  const relatedPosts = getRelatedPosts(post.slug);
+  const { prev, next } = getAdjacentPosts(post.slug);
+  const slugRegistry = buildSlugRegistry();
+  const backlinks = getBacklinks(post.slug);
+  let seriesPosts: PostData[] = [];
+  let seriesTitle: string | undefined;
+
+  if (post.series) {
+    seriesPosts = getSeriesPosts(post.series);
+    const seriesData = getSeriesData(post.series);
+    seriesTitle = seriesData?.title;
+  }
+
+  return (
+    <>
+      {jsonLdScript}
+      <PostLayout
+        post={post}
+        relatedPosts={relatedPosts}
+        seriesPosts={seriesPosts}
+        seriesTitle={seriesTitle}
+        prevPost={prev}
+        nextPost={next}
+        backlinks={backlinks}
+        slugRegistry={slugRegistry}
+      />
+    </>
+  );
+}

package/src/app/[slug]/page/[page]/page.tsx

@@ -0,0 +1,202 @@
+import { getListingPosts, getSeriesData, getSeriesPosts, getSeriesAuthors, getAuthorSlug } from '@/lib/markdown';
+import PostList from '@/components/PostList';
+import SeriesCatalog from '@/components/SeriesCatalog';
+import Pagination from '@/components/Pagination';
+import { siteConfig } from '../../../../../site.config';
+import { Metadata } from 'next';
+import { notFound } from 'next/navigation';
+import { t, resolveLocale } from '@/lib/i18n';
+import PageHeader from '@/components/PageHeader';
+import CoverImage from '@/components/CoverImage';
+import Link from 'next/link';
+import { getPostsBasePath, getSeriesCustomPaths } from '@/lib/urls';
+
+const POST_PAGE_SIZE = siteConfig.pagination.posts;
+const SERIES_PAGE_SIZE = siteConfig.pagination.series;
+
+export async function generateStaticParams() {
+  const params: { slug: string; page: string }[] = [];
+
+  // Custom posts basePath — paginated listing pages (page 2+)
+  const basePath = getPostsBasePath();
+  if (basePath !== 'posts') {
+    const allPosts = getListingPosts();
+    const totalPages = Math.ceil(allPosts.length / POST_PAGE_SIZE);
+    for (let i = 2; i <= totalPages; i++) {
+      params.push({ slug: basePath, page: i.toString() });
+    }
+  }
+
+  // Series custom paths — paginated series listing (page 2+)
+  for (const [seriesSlug, customPath] of Object.entries(getSeriesCustomPaths())) {
+    const posts = getSeriesPosts(seriesSlug);
+    const totalPages = Math.ceil(posts.length / SERIES_PAGE_SIZE);
+    for (let i = 2; i <= totalPages; i++) {
+      params.push({ slug: customPath, page: i.toString() });
+    }
+  }
+
+  // Placeholder keeps Next.js happy with output: export when no custom paths configured.
+  // dynamicParams = false ensures any unrecognised slug/page combo returns 404.
+  return params.length > 0 ? params : [{ slug: '_', page: '2' }];
+}
+
+export const dynamicParams = false;
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string; page: string }>;
+}): Promise<Metadata> {
+  const { slug: prefix, page } = await params;
+  const basePath = getPostsBasePath();
+  const customPaths = getSeriesCustomPaths();
+  const matchedSeriesSlug = Object.entries(customPaths).find(([, path]) => path === prefix)?.[0];
+
+  if (prefix === basePath && basePath !== 'posts') {
+    return {
+      title: `${t('posts')} - ${page} | ${resolveLocale(siteConfig.title)}`,
+    };
+  }
+
+  if (matchedSeriesSlug) {
+    const seriesData = getSeriesData(matchedSeriesSlug);
+    const title = seriesData?.title || matchedSeriesSlug;
+    return {
+      title: `${title} - ${page} | ${resolveLocale(siteConfig.title)}`,
+    };
+  }
+
+  return { title: 'Not Found' };
+}
+
+export default async function PrefixPageRoute({
+  params,
+}: {
+  params: Promise<{ slug: string; page: string }>;
+}) {
+  const { slug: prefix, page: pageStr } = await params;
+  const page = parseInt(pageStr, 10);
+
+  if (isNaN(page) || page < 2) notFound();
+
+  const basePath = getPostsBasePath();
+  const customPaths = getSeriesCustomPaths();
+  const matchedSeriesSlug = Object.entries(customPaths).find(([, path]) => path === prefix)?.[0];
+
+  // Custom posts basePath listing
+  if (prefix === basePath && basePath !== 'posts') {
+    const allPosts = getListingPosts();
+    const totalPages = Math.ceil(allPosts.length / POST_PAGE_SIZE);
+
+    if (page > totalPages) notFound();
+
+    const start = (page - 1) * POST_PAGE_SIZE;
+    const posts = allPosts.slice(start, start + POST_PAGE_SIZE);
+
+    return (
+      <div className="layout-main">
+        <PageHeader
+          titleKey="posts"
+          subtitleKey="page_of_total"
+          subtitleParams={{ page, total: totalPages }}
+          className="mb-12"
+        />
+        <PostList posts={posts} />
+        <div className="mt-12">
+          <Pagination currentPage={page} totalPages={totalPages} basePath={`/${basePath}`} />
+        </div>
+      </div>
+    );
+  }
+
+  // Series custom path listing
+  if (matchedSeriesSlug) {
+    const seriesData = getSeriesData(matchedSeriesSlug);
+    const allPosts = getSeriesPosts(matchedSeriesSlug);
+
+    if ((!seriesData && allPosts.length === 0) || (process.env.NODE_ENV === 'production' && seriesData?.draft)) {
+      notFound();
+    }
+
+    const totalPages = Math.ceil(allPosts.length / SERIES_PAGE_SIZE);
+    if (page > totalPages) notFound();
+
+    const start = (page - 1) * SERIES_PAGE_SIZE;
+    const posts = allPosts.slice(start, start + SERIES_PAGE_SIZE);
+
+    const title = seriesData?.title || matchedSeriesSlug.charAt(0).toUpperCase() + matchedSeriesSlug.slice(1);
+    const description = seriesData?.excerpt;
+    const coverImage = seriesData?.coverImage;
+
+    const explicitAuthors = getSeriesAuthors(matchedSeriesSlug);
+    let authors: string[];
+    if (explicitAuthors) {
+      authors = explicitAuthors;
+    } else if (allPosts.length > 0) {
+      const counts = new Map<string, number>();
+      for (const post of allPosts) {
+        for (const author of post.authors) {
+          counts.set(author, (counts.get(author) || 0) + 1);
+        }
+      }
+      authors = [...counts.entries()].sort((a, b) => b[1] - a[1]).map(([name]) => name);
+    } else {
+      authors = [];
+    }
+
+    return (
+      <div className="layout-main">
+        <header className="mb-16">
+          {coverImage && (
+            <div className="relative w-full h-56 md:h-72 mb-10 rounded-2xl overflow-hidden shadow-xl shadow-accent/5">
+              <CoverImage
+                src={coverImage}
+                title={title}
+                slug={matchedSeriesSlug}
+                className="w-full h-full object-cover"
+              />
+              <div className="absolute inset-0 bg-gradient-to-t from-background/60 to-transparent" />
+            </div>
+          )}
+          <div className="text-center max-w-2xl mx-auto">
+            <span className="badge-accent mb-4">
+              {t('series')} • {allPosts.length} {t('parts')}
+            </span>
+            <h1 className="page-title mb-4">
+              {title}
+              <span className="block text-lg text-muted font-sans font-normal mt-2">
+                {page} / {totalPages}
+              </span>
+            </h1>
+            {description && (
+              <p className="text-lg text-muted font-serif italic leading-relaxed">{description}</p>
+            )}
+            {authors.length > 0 && (
+              <p className="mt-4 text-sm text-muted">
+                <span className="mr-1">{t('written_by')}</span>
+                {authors.map((author, index) => (
+                  <span key={author}>
+                    <Link
+                      href={`/authors/${getAuthorSlug(author)}`}
+                      className="text-foreground hover:text-accent no-underline transition-colors duration-200"
+                    >
+                      {author}
+                    </Link>
+                    {index < authors.length - 1 && <span className="mr-1">,</span>}
+                  </span>
+                ))}
+              </p>
+            )}
+          </div>
+        </header>
+        <SeriesCatalog posts={posts} startIndex={start} totalPosts={allPosts.length} />
+        <div className="mt-12">
+          <Pagination currentPage={page} totalPages={totalPages} basePath={`/${prefix}`} />
+        </div>
+      </div>
+    );
+  }
+
+  notFound();
+}

package/src/app/[slug]/page.tsx

@@ -1,19 +1,41 @@
-import { getPageBySlug, getAllPages } from '@/lib/markdown';
+import { getPageBySlug, getAllPages, getListingPosts, getSeriesData, getSeriesPosts, getSeriesAuthors, getAuthorSlug } from '@/lib/markdown';
 import { notFound } from 'next/navigation';
 import PostLayout from '@/layouts/PostLayout';
 import SimpleLayout from '@/layouts/SimpleLayout';
+import PostList from '@/components/PostList';
+import SeriesCatalog from '@/components/SeriesCatalog';
+import Pagination from '@/components/Pagination';
+import CoverImage from '@/components/CoverImage';
+import Link from 'next/link';
 import { Metadata } from 'next';
 import { siteConfig } from '../../../site.config';
-import { resolveLocale } from '@/lib/i18n';
+import { resolveLocale, t } from '@/lib/i18n';
+import PageHeader from '@/components/PageHeader';
+import { getPostsBasePath, getSeriesCustomPaths } from '@/lib/urls';
+
+const POST_PAGE_SIZE = siteConfig.pagination.posts;
+const SERIES_PAGE_SIZE = siteConfig.pagination.series;
 
 /**
- * Generates the static paths for all top-level pages at build time.
+ * Generates the static paths for all top-level pages at build time,
+ * plus any custom URL prefixes configured for posts or series.
  */
 export async function generateStaticParams() {
   const pages = getAllPages();
-  return pages.map((page) => ({
-    slug: page.slug,
-  }));
+  const params = pages.map((page) => ({ slug: page.slug }));
+
+  // Add custom posts basePath listing (e.g. /articles)
+  const basePath = getPostsBasePath();
+  if (basePath !== 'posts') {
+    params.push({ slug: basePath });
+  }
+
+  // Add series custom path listings (e.g. /weeklies)
+  for (const customPath of Object.values(getSeriesCustomPaths())) {
+    params.push({ slug: customPath });
+  }
+
+  return params;
 }
 
 export const dynamicParams = false;
@@ -21,8 +43,30 @@ export const dynamicParams = false;
 export async function generateMetadata({ params }: { params: Promise<{ slug: string }> }): Promise<Metadata> {
   const { slug: rawSlug } = await params;
   const slug = decodeURIComponent(rawSlug);
-  const page = getPageBySlug(slug);
 
+  // Custom posts basePath
+  const basePath = getPostsBasePath();
+  if (slug === basePath && basePath !== 'posts') {
+    return {
+      title: `${t('posts')} | ${resolveLocale(siteConfig.title)}`,
+      description: t('posts_description'),
+    };
+  }
+
+  // Series custom paths
+  const customPaths = getSeriesCustomPaths();
+  const matchedSeriesSlug = Object.entries(customPaths).find(([, path]) => path === slug)?.[0];
+  if (matchedSeriesSlug) {
+    const seriesData = getSeriesData(matchedSeriesSlug);
+    if (seriesData) {
+      return {
+        title: `${seriesData.title} - ${t('series')} | ${resolveLocale(siteConfig.title)}`,
+        description: seriesData.excerpt,
+      };
+    }
+  }
+
+  const page = getPageBySlug(slug);
   if (!page) {
     return { title: 'Page Not Found' };
   }
@@ -40,6 +84,117 @@ export default async function Page({
 }) {
   const { slug: rawSlug } = await params;
   const slug = decodeURIComponent(rawSlug);
+
+  // Check if slug matches custom posts basePath
+  const basePath = getPostsBasePath();
+  if (slug === basePath && basePath !== 'posts') {
+    const allPosts = getListingPosts();
+    const totalPages = Math.ceil(allPosts.length / POST_PAGE_SIZE);
+    const posts = allPosts.slice(0, POST_PAGE_SIZE);
+
+    return (
+      <div className="layout-main">
+        <PageHeader
+          titleKey="posts"
+          subtitleKey="posts_subtitle"
+          subtitleParams={{ count: allPosts.length }}
+          className="mb-12"
+        />
+        <PostList posts={posts} />
+        {totalPages > 1 && (
+          <div className="mt-12">
+            <Pagination currentPage={1} totalPages={totalPages} basePath={`/${basePath}`} />
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // Check if slug matches a series custom path
+  const customPaths = getSeriesCustomPaths();
+  const matchedSeriesSlug = Object.entries(customPaths).find(([, path]) => path === slug)?.[0];
+  if (matchedSeriesSlug) {
+    const seriesData = getSeriesData(matchedSeriesSlug);
+    const allPosts = getSeriesPosts(matchedSeriesSlug);
+
+    if ((!seriesData && allPosts.length === 0) || (process.env.NODE_ENV === 'production' && seriesData?.draft)) {
+      notFound();
+    }
+
+    const totalPages = Math.ceil(allPosts.length / SERIES_PAGE_SIZE);
+    const posts = allPosts.slice(0, SERIES_PAGE_SIZE);
+
+    const title = seriesData?.title || matchedSeriesSlug.charAt(0).toUpperCase() + matchedSeriesSlug.slice(1);
+    const description = seriesData?.excerpt;
+    const coverImage = seriesData?.coverImage;
+
+    const explicitAuthors = getSeriesAuthors(matchedSeriesSlug);
+    let authors: string[];
+    if (explicitAuthors) {
+      authors = explicitAuthors;
+    } else if (allPosts.length > 0) {
+      const counts = new Map<string, number>();
+      for (const post of allPosts) {
+        for (const author of post.authors) {
+          counts.set(author, (counts.get(author) || 0) + 1);
+        }
+      }
+      authors = [...counts.entries()].sort((a, b) => b[1] - a[1]).map(([name]) => name);
+    } else {
+      authors = [];
+    }
+
+    return (
+      <div className="layout-main">
+        <header className="mb-16">
+          {coverImage && (
+            <div className="relative w-full h-56 md:h-72 mb-10 rounded-2xl overflow-hidden shadow-xl shadow-accent/5">
+              <CoverImage
+                src={coverImage}
+                title={title}
+                slug={matchedSeriesSlug}
+                className="w-full h-full object-cover"
+              />
+              <div className="absolute inset-0 bg-gradient-to-t from-background/60 to-transparent" />
+            </div>
+          )}
+          <div className="text-center max-w-2xl mx-auto">
+            <span className="badge-accent mb-4">
+              {t('series')} • {allPosts.length} {t('parts')}
+            </span>
+            <h1 className="page-title mb-4">{title}</h1>
+            {description && (
+              <p className="text-lg text-muted font-serif italic leading-relaxed">{description}</p>
+            )}
+            {authors.length > 0 && (
+              <p className="mt-4 text-sm text-muted">
+                <span className="mr-1">{t('written_by')}</span>
+                {authors.map((author, index) => (
+                  <span key={author}>
+                    <Link
+                      href={`/authors/${getAuthorSlug(author)}`}
+                      className="text-foreground hover:text-accent no-underline transition-colors duration-200"
+                    >
+                      {author}
+                    </Link>
+                    {index < authors.length - 1 && <span className="mr-1">,</span>}
+                  </span>
+                ))}
+              </p>
+            )}
+          </div>
+        </header>
+        <SeriesCatalog posts={posts} totalPosts={allPosts.length} />
+        {totalPages > 1 && (
+          <div className="mt-12">
+            <Pagination currentPage={1} totalPages={totalPages} basePath={`/${slug}`} />
+          </div>
+        )}
+      </div>
+    );
+  }
+
+  // Default: static page
   const page = getPageBySlug(slug);
 
   if (!page) {

package/src/app/archive/page.tsx

@@ -3,10 +3,11 @@ import { getAllPosts, getSeriesData, PostData } from '@/lib/markdown';
 import { siteConfig } from '../../../site.config';
 import { resolveLocale, t } from '@/lib/i18n';
 import PageHeader from '@/components/PageHeader';
+import { getPostUrl } from '@/lib/urls';
 
 export const metadata = {
   title: `Archive | ${resolveLocale(siteConfig.title)}`,
-  description: 'A complete list of all notes and thoughts.',
+  description: t('archive_description'),
 };
 
 // Use month number as key for reliable sorting across all locales
@@ -22,9 +23,7 @@ function groupPostsByDate(posts: PostData[]): GroupedPosts {
   const groups: GroupedPosts = {};
 
   posts.forEach((post) => {
-    const date = new Date(post.date);
-    const year = date.getFullYear().toString();
-    const month = (date.getMonth() + 1).toString();
+    const [year, month] = post.date.split('-');
 
     if (!groups[year]) {
       groups[year] = {};
@@ -124,12 +123,10 @@ export default function ArchivePage() {
                         
                         <ul className="space-y-6">
                           {monthPosts.map((post) => {
-                            const dateObj = new Date(post.date);
-                            const day = dateObj.getDate().toString().padStart(2, '0');
-                            
+                            const day = post.date.split('-')[2];
                             return (
                               <li key={post.slug} className="group">
-                                <Link href={`/posts/${post.slug}`} className="block no-underline">
+                                <Link href={getPostUrl(post)} className="block no-underline">
                                   <div className="flex flex-col sm:flex-row sm:items-baseline justify-between gap-2 sm:gap-6">
                                     <div className="flex items-baseline gap-6">
                                       <span className="font-mono text-base text-muted shrink-0 w-8">

package/src/app/books/[slug]/[chapter]/page.tsx

@@ -4,6 +4,8 @@ import { Metadata } from 'next';
 import { siteConfig } from '../../../../../site.config';
 import BookLayout from '@/layouts/BookLayout';
 import { resolveLocale } from '@/lib/i18n';
+import { buildBookChapterJsonLd, serializeJsonLd } from '@/lib/json-ld';
+import { getBookUrl, getBookChapterUrl } from '@/lib/urls';
 
 export async function generateStaticParams() {
   const books = getAllBooks();
@@ -12,11 +14,18 @@ export async function generateStaticParams() {
 
   for (const book of books) {
     for (const ch of book.chapters) {
-      params.push({ slug: book.slug, chapter: ch.id });
+      // Only include chapters whose files exist and parse successfully.
+      // A chapter listed in index.mdx but not yet written (or with invalid
+      // frontmatter) would cause notFound() at render time, which in
+      // output:export dev mode surfaces as a confusing "missing param" 500.
+      if (getBookChapter(book.slug, ch.id) !== null) {
+        params.push({ slug: book.slug, chapter: ch.id });
+      }
     }
   }
 
-  return params;
+  // Ensure we never return an empty array with output: export
+  return params.length > 0 ? params : [{ slug: '_', chapter: '_' }];
 }
 
 export const dynamicParams = false;
@@ -33,9 +42,27 @@ export async function generateMetadata({ params }: { params: Promise<{ slug: str
     return { title: 'Chapter Not Found' };
   }
 
+  const ogImage = book.coverImage && !book.coverImage.startsWith('text:') && !book.coverImage.startsWith('./')
+    ? book.coverImage
+    : siteConfig.ogImage;
+
   return {
     title: `${chapter.title} - ${book.title} | ${resolveLocale(siteConfig.title)}`,
     description: chapter.excerpt,
+    openGraph: {
+      title: `${chapter.title} - ${book.title}`,
+      description: chapter.excerpt,
+      type: 'article',
+      url: `${siteConfig.baseUrl}${getBookChapterUrl(slug, chapterSlug)}`,
+      siteName: resolveLocale(siteConfig.title),
+      images: [{ url: ogImage, width: 1200, height: 630, alt: chapter.title }],
+    },
+    twitter: {
+      card: ogImage !== siteConfig.ogImage ? 'summary_large_image' : 'summary',
+      title: `${chapter.title} - ${book.title}`,
+      description: chapter.excerpt,
+      images: [ogImage],
+    },
   };
 }
 
@@ -51,5 +78,20 @@ export default async function BookChapterPage({ params }: { params: Promise<{ sl
     notFound();
   }
 
-  return <BookLayout book={book} chapter={chapter} />;
+  const siteUrl = siteConfig.baseUrl.replace(/\/+$/, '');
+  const jsonLd = buildBookChapterJsonLd({
+    chapter,
+    book,
+    chapterUrl: `${siteUrl}${getBookChapterUrl(slug, chapterSlug)}`,
+    bookUrl: `${siteUrl}${getBookUrl(slug)}`,
+    siteTitle: resolveLocale(siteConfig.title),
+    siteUrl,
+  });
+
+  return (
+    <>
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: serializeJsonLd(jsonLd) }} />
+      <BookLayout book={book} chapter={chapter} />
+    </>
+  );
 }