feat: allow subpages to override title and add subtitle in gallery.yaml

.gitignore

@@ -31,6 +31,7 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 .pnpm-debug.log*
+server.log
 
 # env files (can opt-in for committing if needed)
 .env*

app/[...path]/SubpageGridView.tsx

@@ -17,12 +17,21 @@ interface Placeholder {
 
 interface SubpageGridViewProps {
     slug: string;
+    title?: string;
+    subtitle?: string;
     albums: SubpageAlbum[];
     coverPlaceholders: (Placeholder | null)[];
 }
 
-export function SubpageGridView({ slug, albums, coverPlaceholders }: SubpageGridViewProps) {
+export function SubpageGridView({ slug, title, subtitle, albums, coverPlaceholders }: SubpageGridViewProps) {
     return (
+        <div className="subpage-container">
+            {(title || subtitle) && (
+                <header className="subpage-header">
+                    {title && <h1 className="subpage-title">{title}</h1>}
+                    {subtitle && <p className="subpage-subtitle">{subtitle}</p>}
+                </header>
+            )}
             <div className="subpage-grid">
                 {albums.map((album, i) => {
                     const ph = coverPlaceholders[i];
@@ -58,5 +67,6 @@ export function SubpageGridView({ slug, albums, coverPlaceholders }: SubpageGrid
                     );
                 })}
             </div>
+        </div>
     );
 }

app/[...path]/page.tsx

@@ -222,6 +222,8 @@ export default async function PathPage({ params }: PathPageProps) {
     return (
       <SubpageGridView
         slug={slug}
+        title={result.subpage.title || result.subpage.name}
+        subtitle={result.subpage.subtitle}
         albums={albums}
         coverPlaceholders={coverPlaceholders}
       />

content/gallery.yaml.example

@@ -18,6 +18,8 @@ subpages:
     - "album-uuid-3"
     - "album-uuid-4"
   "Projects":
+    title: "My Creative Projects" # Optional: Header title, defaults to Navigation key ("Projects")
+    subtitle: "A collection of 2026 highlights in 35mm film." # Optional: Sub-text for headers
     password: "your-password" # Optional protection
     albums:
       - "album-uuid-5"

lib/config/index.ts

@@ -78,6 +78,8 @@ export function getConfig(): AppConfig {
             return {
                 name: sp.name,
                 slug: slugify(sp.name),
+                title: sp.title,
+                subtitle: sp.subtitle,
                 albumIds: sp.albums.map((entry) => processAlbumEntry(entry, `subpage "${sp.name}"`)),
                 password: sp.password,
                 ...(sp.grid ? {
@@ -95,12 +97,14 @@ export function getConfig(): AppConfig {
             if (Array.isArray(value)) {
                 return { name, slug: slugify(name), albumIds: value.map((entry) => processAlbumEntry(entry, `subpage "${name}"`)) };
             }
-            interface SubpageObjectValue { albums?: Array<string | Record<string, string>>; password?: string; grid?: { columns?: number; gap?: number; aspectRatio?: string; layout?: string; }; }
+            interface SubpageObjectValue { title?: string; subtitle?: string; albums?: Array<string | Record<string, string>>; password?: string; grid?: { columns?: number; gap?: number; aspectRatio?: string; layout?: string; }; }
             const sp = value as SubpageObjectValue;
             const albumEntries = sp.albums || [];
             return {
                 name,
                 slug: slugify(name),
+                title: sp.title,
+                subtitle: sp.subtitle,
                 albumIds: albumEntries.map((entry) => processAlbumEntry(entry, `subpage "${name}"`)),
                 password: sp.password,
                 ...(sp.grid ? {

lib/config/schema.ts

@@ -1,6 +1,8 @@
 export interface SubpageConfig {
     name: string;
     slug: string;
+    title?: string;
+    subtitle?: string;
     albumIds: string[];
     password?: string;
     grid?: Partial<GridConfig>;
@@ -79,6 +81,8 @@ export interface GalleryYaml {
     | Record<string, string[] | Array<string | Record<string, string>>>
     | Array<{
         name: string;
+        title?: string;
+        subtitle?: string;
         albums: Array<string | Record<string, string>>;
         password?: string;
         grid?: {