create-nextblock 0.1.0 → 0.2.0

package/templates/nextblock-template/app/{blog → article}/[slug]/page.tsx

@@ -1,16 +1,16 @@
-// app/blog/[slug]/page.tsx
+// app/article/[slug]/page.tsx
 import React from 'react';
 // Remove or alias the problematic import if only used by other functions:
 // import { createClient } from "@nextblock-cms/db/server";
 import { createClient as createSupabaseJsClient } from '@supabase/supabase-js'; // Import base client
 import { notFound } from "next/navigation";
 import type { Metadata } from 'next';
-import PostClientContent from "./PostClientContent";
-
-import { getPostDataBySlug } from "./page.utils";
-import BlockRenderer from "../../../components/BlockRenderer";
-import { getSsgSupabaseClient } from "@nextblock-cms/db"; // Correct import
-import type { HeroBlockContent } from '../../../lib/blocks/blockRegistry';
+import PostClientContent from "./PostClientContent";
+
+import { getPostDataBySlug } from "./page.utils";
+import BlockRenderer from "../../../components/BlockRenderer";
+import { getSsgSupabaseClient } from "@nextblock-cms/db"; // Correct import
+import type { HeroBlockContent } from '../../../lib/blocks/blockRegistry';
 
 export const dynamicParams = true;
 export const revalidate = 3600;
@@ -23,12 +23,23 @@ interface PostPageProps {
   params: Promise<ResolvedPostParams>;
 }
 
-interface PostTranslation {
-  slug: string;
-  languages: {
-    code: string;
-  }[];
-}
+interface PostTranslation {
+  slug: string;
+  languages: {
+    code: string;
+  }[] | { code: string };
+}
+
+const resolveLanguageCode = (languagesField: PostTranslation["languages"]): string | null => {
+  if (!languagesField) return null;
+  if (Array.isArray(languagesField)) {
+    return languagesField[0]?.code ?? null;
+  }
+  if (typeof languagesField === 'object' && 'code' in languagesField) {
+    return (languagesField as { code?: string }).code ?? null;
+  }
+  return null;
+};
 
 export async function generateStaticParams(): Promise<ResolvedPostParams[]> {
   // Use a new Supabase client instance that doesn't rely on cookies
@@ -58,49 +69,49 @@ export async function generateStaticParams(): Promise<ResolvedPostParams[]> {
 export async function generateMetadata(
   { params: paramsPromise }: PostPageProps,
 ): Promise<Metadata> {
-  const params = await paramsPromise; // Await the promise to get the actual params
-  const postData = await getPostDataBySlug(params.slug);
-
-  if (!postData) {
-    return {
-      title: "Post Not Found",
-      description: "The post you are looking for does not exist or is not yet published.",
-    };
-  }
-
-  const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || "";
-  const supabase = getSsgSupabaseClient();
-  const { data: languages } = await supabase.from('languages').select('id, code');
-  const { data: postTranslations } = await supabase
-    .from('posts')
-    .select('language_id, slug')
-    .eq('translation_group_id', postData.translation_group_id)
-    .eq('status', 'published')
+  const params = await paramsPromise; // Await the promise to get the actual params
+  const postData = await getPostDataBySlug(params.slug);
+
+  if (!postData) {
+    return {
+      title: "Article Not Found",
+      description: "The article you are looking for does not exist or is not yet published.",
+    };
+  }
+
+  const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || "";
+  const supabase = getSsgSupabaseClient();
+  const { data: languages } = await supabase.from('languages').select('id, code');
+  const { data: postTranslations } = await supabase
+    .from('posts')
+    .select('language_id, slug')
+    .eq('translation_group_id', postData.translation_group_id)
+    .eq('status', 'published')
     .or(`published_at.is.null,published_at.lte.${new Date().toISOString()}`);
 
-  const alternates: { [key: string]: string } = {};
-  if (languages && postTranslations) {
-    postTranslations.forEach(pt => {
-      const langInfo = languages.find(l => l.id === pt.language_id);
-      if (langInfo) {
-        alternates[langInfo.code] = `${siteUrl}/blog/${pt.slug}`;
-      }
-    });
-  }
-
-  return {
-    title: postData.meta_title || postData.title,
-    description: postData.meta_description || postData.excerpt || "",
-    openGraph: {
+  const alternates: { [key: string]: string } = {};
+  if (languages && postTranslations) {
+    postTranslations.forEach(pt => {
+      const langInfo = languages.find(l => l.id === pt.language_id);
+      if (langInfo) {
+        alternates[langInfo.code] = `${siteUrl}/article/${pt.slug}`;
+      }
+    });
+  }
+
+  return {
+    title: postData.meta_title || postData.title,
+    description: postData.meta_description || postData.excerpt || "",
+    openGraph: {
       title: postData.meta_title || postData.title,
-      description: postData.meta_description || postData.excerpt || "",
-      type: 'article',
-      publishedTime: postData.published_at || postData.created_at,
-      url: `${siteUrl}/blog/${params.slug}`,
-      images: postData.feature_image_url
-        ? [
-            {
-              url: postData.feature_image_url,
+      description: postData.meta_description || postData.excerpt || "",
+      type: 'article',
+      publishedTime: postData.published_at || postData.created_at,
+      url: `${siteUrl}/article/${params.slug}`,
+      images: postData.feature_image_url
+        ? [
+            {
+              url: postData.feature_image_url,
               // You can optionally add width, height, and alt here if known
               // width: 1200, // Example
               // height: 630, // Example
@@ -108,44 +119,43 @@ export async function generateMetadata(
             },
           ]
         : undefined, // Or an empty array if you prefer: [],
-    },
-    alternates: {
-      canonical: `${siteUrl}/blog/${params.slug}`,
-      languages: Object.keys(alternates).length > 0 ? alternates : undefined,
-    },
-  };
-}
+    },
+    alternates: {
+      canonical: `${siteUrl}/article/${params.slug}`,
+      languages: Object.keys(alternates).length > 0 ? alternates : undefined,
+    },
+  };
+}
 
 // Server Component: Fetches data for the specific slug and passes to Client Component
 export default async function DynamicPostPage({ params: paramsPromise }: PostPageProps) { // Destructure the promise
   const params = await paramsPromise; // Await the promise
   const initialPostData = await getPostDataBySlug(params.slug);
 
-  if (!initialPostData) {
-    notFound();
-  }
-
-  const translatedSlugs: { [key: string]: string } = {};
-  if (initialPostData.translation_group_id) {
-    const supabase = getSsgSupabaseClient(); // Use SSG client
-    const { data: translations } = await supabase
-      .from("posts")
-      .select("slug, languages!inner(code)")
-      .eq("translation_group_id", initialPostData.translation_group_id)
-      .eq("status", "published")
-      .or(`published_at.is.null,published_at.lte.${new Date().toISOString()}`);
-
-    if (translations) {
-      translations.forEach((translation: PostTranslation) => {
-        if (translation.languages && translation.languages.length > 0 && typeof translation.languages[0].code === 'string' && translation.slug) {
-          translatedSlugs[translation.languages[0].code] = translation.slug;
-        }
-      });
-    }
-  }
-
-  let lcpImageUrl: string | null = null;
-  const r2BaseUrl = process.env.NEXT_PUBLIC_R2_BASE_URL || "";
+  if (!initialPostData) {
+    notFound();
+  }
+
+  const supabase = getSsgSupabaseClient(); // Use SSG client
+  const translatedSlugs: { [key: string]: string } = {};
+  if (initialPostData.translation_group_id) {
+    const { data: translations } = await supabase
+      .from("posts")
+      .select("slug, languages!inner(code)")
+      .eq("translation_group_id", initialPostData.translation_group_id)
+      .eq("status", "published")
+      .or(`published_at.is.null,published_at.lte.${new Date().toISOString()}`);
+
+    if (translations) {
+      translations.forEach((translation: PostTranslation) => {
+        const code = resolveLanguageCode(translation.languages);
+        if (code && translation.slug) translatedSlugs[code] = translation.slug;
+      });
+    }
+  }
+
+  let lcpImageUrl: string | null = null;
+  const r2BaseUrl = process.env.NEXT_PUBLIC_R2_BASE_URL || "";
 
   if (initialPostData && initialPostData.blocks && r2BaseUrl) {
     const heroBlock = initialPostData.blocks.find(block => block.block_type === 'hero');
@@ -162,16 +172,16 @@ export default async function DynamicPostPage({ params: paramsPromise }: PostPag
     }
   }
 
-  const postBlocks = initialPostData ? <BlockRenderer blocks={initialPostData.blocks} languageId={initialPostData.language_id} /> : null;
-
-  return (
-    <>
-      {lcpImageUrl && (
-        <link rel="preload" as="image" href={lcpImageUrl} />
-      )}
-      <PostClientContent initialPostData={initialPostData} currentSlug={params.slug} translatedSlugs={translatedSlugs}>
-        {postBlocks}
-      </PostClientContent>
-    </>
-  );
-}
+  const postBlocks = initialPostData ? <BlockRenderer blocks={initialPostData.blocks} languageId={initialPostData.language_id} /> : null;
+
+  return (
+    <>
+      {lcpImageUrl && (
+        <link rel="preload" as="image" href={lcpImageUrl} />
+      )}
+      <PostClientContent initialPostData={initialPostData} currentSlug={params.slug} translatedSlugs={translatedSlugs}>
+        {postBlocks}
+      </PostClientContent>
+    </>
+  );
+}

package/templates/nextblock-template/app/{blog → article}/[slug]/page.utils.ts

@@ -1,4 +1,4 @@
-// app/blog/[slug]/page.utils.ts
+// app/article/[slug]/page.utils.ts
 import { createClient } from "@nextblock-cms/db/server";
 import type { Database } from "@nextblock-cms/db";
 
@@ -24,7 +24,14 @@ interface SectionOrHeroBlockContent {
   };
 }
 // Includes logic to fetch object_key for image blocks.
-export async function getPostDataBySlug(slug: string): Promise<(PostType & { blocks: BlockType[]; language_code: string; language_id: number; translation_group_id: string; feature_image_url?: string | null; feature_image_blur_data_url?: string | null; }) | null> {
+const buildMediaUrl = (objectKey?: string | null) => {
+  if (!objectKey) return null;
+  if (objectKey.startsWith('/')) return objectKey;
+  const base = process.env.NEXT_PUBLIC_R2_BASE_URL || '';
+  return base ? `${base}/${objectKey}` : objectKey;
+};
+
+export async function getPostDataBySlug(slug: string): Promise<(PostType & { blocks: BlockType[]; language_code: string; language_id: number; translation_group_id: string; feature_image_url?: string | null; feature_image_blur_data_url?: string | null; }) | null> {
   const supabase = createClient();
 
   const { data: postData, error: postError } = await supabase
@@ -130,7 +137,7 @@ export async function getPostDataBySlug(slug: string): Promise<(PostType & { blo
     language_code: langInfo.code,
     language_id: langInfo.id,
     translation_group_id: postData.translation_group_id,
-    feature_image_url: postData.media?.object_key ? `${process.env.NEXT_PUBLIC_R2_BASE_URL}/${postData.media.object_key}` : null,
+    feature_image_url: buildMediaUrl(postData.media?.object_key),
     feature_image_blur_data_url: postData.media?.blur_data_url,
   } as (PostType & { blocks: BlockType[]; language_code: string; language_id: number; translation_group_id: string; feature_image_url?: string | null; feature_image_blur_data_url?: string | null; });
 }

package/templates/nextblock-template/app/cms/CmsClientLayout.tsx

@@ -5,14 +5,15 @@ import React, { type ReactNode, useEffect } from "react"
 import { useAuth } from "@/context/AuthContext"
 import { useRouter, usePathname } from "next/navigation" // Import usePathname
 import Link from "next/link"
-import {
-  LayoutDashboard, FileText, PenTool, Users, Settings, ChevronRight, LogOut, Menu, ListTree, Image as ImageIconLucide, X, Languages as LanguagesIconLucide, MessageSquare,
-  Copyright as CopyrightIcon,
-} from "lucide-react"
-import { Button } from "@nextblock-cms/ui"
-import { Avatar, AvatarFallback, AvatarImage } from "@nextblock-cms/ui"
-import { cn } from "@nextblock-cms/utils"
-import { signOutAction } from "@/app/actions";
+import {
+  LayoutDashboard, FileText, PenTool, Users, Settings, ChevronRight, LogOut, Menu, ListTree, Image as ImageIconLucide, X, Languages as LanguagesIconLucide, MessageSquare,
+  Copyright as CopyrightIcon,
+} from "lucide-react"
+import { Button } from "@nextblock-cms/ui"
+import { Avatar, AvatarFallback, AvatarImage } from "@nextblock-cms/ui"
+import { cn } from "@nextblock-cms/utils"
+import { signOutAction } from "@/app/actions";
+import Image from "next/image";
 
 const LoadingSpinner = () => (
   <div className="flex justify-center items-center h-full w-full py-20">
@@ -210,16 +211,21 @@ export default function CmsClientLayout({ children }: { children: ReactNode }) {
         )}
       >
         <div className="flex flex-col h-full">
-          <div className="p-4 border-b dark:border-slate-700/60 h-16 flex items-center shrink-0">
-            <Link href="/cms/dashboard" className="flex items-center gap-2 px-2">
-              <div className="h-8 w-8 rounded-md bg-gradient-to-br from-primary to-primary/80 flex items-center justify-center text-white font-bold">
-                NRH
-              </div>
-              <h2 className="text-xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-primary to-primary/70 dark:from-primary dark:to-primary/80">
-                CMS
-              </h2>
-            </Link>
-          </div>
+          <div className="p-4 border-b dark:border-slate-700/60 h-16 flex items-center shrink-0">
+            <Link href="/cms/dashboard" className="flex items-center gap-2 px-2">
+              <Image
+                src="/images/nextblock-logo-small.webp"
+                alt="Nextblock logo"
+                width={32}
+                height={32}
+                className="h-8 w-auto"
+                priority
+              />
+              <h2 className="text-xl font-bold text-foreground">
+                Nextblock CMS
+              </h2>
+            </Link>
+          </div>
 
           <nav className="px-3 py-4 flex-1 overflow-y-auto">
             <ul className="space-y-1.5">
@@ -318,4 +324,4 @@ export default function CmsClientLayout({ children }: { children: ReactNode }) {
       )}
     </div>
   )
-}
+}

package/templates/nextblock-template/app/cms/blocks/actions.ts

@@ -418,7 +418,7 @@ export async function copyBlocksFromLanguage(
             console.warn("Could not fetch target post slug for revalidation:", postError);
         } else {
             targetSlug = postData.slug;
-            if (targetSlug) revalidatePath(`/blog/${targetSlug}`);
+            if (targetSlug) revalidatePath(`/article/${targetSlug}`);
         }
         revalidatePath(`/cms/posts/${parentId}/edit`); // Revalidate edit page
     }

package/templates/nextblock-template/app/cms/posts/[id]/edit/page.tsx

@@ -113,7 +113,7 @@ export default async function EditPostPage(props: { params: Promise<{ id: string
   }
 
   const updatePostWithId = updatePost.bind(null, postId);
-  const publicPostUrl = `/blog/${postWithBlocks.slug}`;
+  const publicPostUrl = `/article/${postWithBlocks.slug}`;
   
   return (
     <UploadFolderProvider defaultFolder={`posts/${postWithBlocks.slug}/`}>

package/templates/nextblock-template/app/cms/posts/actions.ts

@@ -10,15 +10,15 @@ import { v4 as uuidv4 } from 'uuid';
 type PageStatus = Database['public']['Enums']['page_status'];
 import { encodedRedirect } from "@nextblock-cms/utils/server"; // Ensure this is correctly imported
 import { getFullPostContent } from "../revisions/utils";
-import { createPostRevision } from "../revisions/service";
-
-// --- createPost and updatePost functions to be updated similarly for error returns ---
-
-export async function createPost(formData: FormData) {
-  const supabase = createClient();
-  const { data: { user } } = await supabase.auth.getUser();
-  if (!user) {
-    return encodedRedirect("error", "/cms/posts/new", "User not authenticated.");
+import { createPostRevision } from "../revisions/service";
+
+// --- createPost and updatePost functions to be updated similarly for error returns ---
+
+export async function createPost(formData: FormData) {
+  const supabase = createClient();
+  const { data: { user } } = await supabase.auth.getUser();
+  if (!user) {
+    return encodedRedirect("error", "/cms/posts/new", "User not authenticated.");
   }
 
   const featureImageIdStr_create = formData.get("feature_image_id") as string;
@@ -111,15 +111,16 @@ export async function createPost(formData: FormData) {
         successMessage += ` ${placeholderCreations} placeholder version(s) also created (draft status, please edit their slugs and content).`;
       }
     }
-  }
-
-  revalidatePath("/cms/posts");
-  if (newPost?.slug) revalidatePath(`/blog/${newPost.slug}`);
-
-  if (newPost?.id) {
-    redirect(`/cms/posts/${newPost.id}/edit?success=${encodeURIComponent(successMessage)}`);
-  } else {
-    redirect(`/cms/posts?success=${encodeURIComponent(successMessage)}`);
+  }
+
+  revalidatePath("/cms/posts");
+  if (newPost?.slug) revalidatePath(`/article/${newPost.slug}`);
+  revalidatePath("/articles");
+
+  if (newPost?.id) {
+    redirect(`/cms/posts/${newPost.id}/edit?success=${encodeURIComponent(successMessage)}`);
+  } else {
+    redirect(`/cms/posts?success=${encodeURIComponent(successMessage)}`);
   }
 }
 
@@ -206,17 +207,18 @@ export async function updatePost(postId: number, formData: FormData) {
     if (newContent) {
       await createPostRevision(postId, user.id, previousContent, newContent);
     }
-  }
-
-  revalidatePath("/cms/posts");
-  if (existingPost.slug) revalidatePath(`/blog/${existingPost.slug}`);
-  if (rawFormData.slug && rawFormData.slug !== existingPost.slug) {
-      revalidatePath(`/blog/${rawFormData.slug}`);
-  }
-  revalidatePath(postEditPath);
-  redirect(`${postEditPath}?success=Post updated successfully`);
-}
-
+  }
+
+  revalidatePath("/cms/posts");
+  if (existingPost.slug) revalidatePath(`/article/${existingPost.slug}`);
+  if (rawFormData.slug && rawFormData.slug !== existingPost.slug) {
+      revalidatePath(`/article/${rawFormData.slug}`);
+  }
+  revalidatePath("/articles");
+  revalidatePath(postEditPath);
+  redirect(`${postEditPath}?success=Post updated successfully`);
+}
+
 
 export async function deletePost(postId: number) {
   const supabase = createClient();
@@ -246,11 +248,11 @@ export async function deletePost(postId: number) {
 
   // 3. Delete All Associated Navigation Links
   if (relatedPosts && relatedPosts.length > 0) {
-    const urlsToDelete = relatedPosts.map(p => `/blog/${p.slug}`);
-    const { error: navError } = await supabase
-      .from("navigation_items")
-      .delete()
-      .in("url", urlsToDelete);
+    const urlsToDelete = relatedPosts.map(p => `/article/${p.slug}`);
+    const { error: navError } = await supabase
+      .from("navigation_items")
+      .delete()
+      .in("url", urlsToDelete);
 
     if (navError) {
       console.error("Error deleting navigation links:", navError);
@@ -268,16 +270,17 @@ export async function deletePost(postId: number) {
     return encodedRedirect("error", "/cms/posts", `Failed to delete posts: ${deletePostsError.message}`);
   }
 
-  // Revalidate paths
-  revalidatePath("/cms/posts");
-  revalidatePath("/cms/navigation");
-  if (relatedPosts) {
-    relatedPosts.forEach(p => {
-      if (p.slug) {
-        revalidatePath(`/blog/${p.slug}`);
-      }
-    });
-  }
+  // Revalidate paths
+  revalidatePath("/cms/posts");
+  revalidatePath("/cms/navigation");
+  if (relatedPosts) {
+    relatedPosts.forEach(p => {
+      if (p.slug) {
+        revalidatePath(`/article/${p.slug}`);
+      }
+    });
+  }
+  revalidatePath("/articles");
 
   // 5. Update Redirect Message
   redirect(`/cms/posts?success=${encodeURIComponent("Post and all its translations were deleted successfully.")}`);

package/templates/nextblock-template/app/cms/posts/page.tsx

@@ -158,7 +158,7 @@ export default async function CmsPostsListPage(props: CmsPostsListPageProps) {
                     </Badge>
                   </TableCell>
                   <TableCell><Badge variant="outline" className="dark:border-slate-600">{languageCode}</Badge></TableCell>
-                  <TableCell className="text-muted-foreground text-xs hidden md:table-cell">/blog/{post.slug}</TableCell>
+                  <TableCell className="text-muted-foreground text-xs hidden md:table-cell">/article/{post.slug}</TableCell>
                   <TableCell className="hidden lg:table-cell text-xs text-muted-foreground">
                     {post.published_at ? new Date(post.published_at).toLocaleDateString() : "Not yet"}
                   </TableCell>
@@ -189,4 +189,4 @@ export default async function CmsPostsListPage(props: CmsPostsListPageProps) {
       )}
     </div>
   );
-}
+}

package/templates/nextblock-template/app/cms/settings/languages/actions.ts

@@ -121,27 +121,28 @@ export async function createLanguage(formData: FormData) {
     .select()
     .single();
 
-  if (error) {
-    console.error("Error creating language:", error);
-    if (error.code === '23505') { // Unique violation
-        if (error.message.includes('languages_code_key')) {
-            return { error: `Language code '${languageData.code}' already exists.` };
+  if (error) {
+    console.error("Error creating language:", error);
+    if (error.code === '23505') { // Unique violation
+        if (error.message.includes('languages_code_key')) {
+            return { error: `Language code '${languageData.code}' already exists.` };
         }
         if (error.message.includes('ensure_single_default_language_idx')) {
              return { error: `Cannot set this language as default. Another language is already default, or an error occurred unsetting it.` };
         }
     }
     return { error: `Failed to create language: ${error.message}` };
-  }
-
-  revalidatePath("/cms/settings/languages");
-  revalidatePath("/"); // Revalidate home page as language switcher might change
-  if (data?.id) {
-    redirect(`/cms/settings/languages/${data.id}/edit?success=Language created successfully`);
-  } else {
-    redirect(`/cms/settings/languages?success=Language created successfully`);
-  }
-}
+  }
+
+  revalidatePath("/cms/settings/languages");
+  revalidatePath("/"); // Revalidate home page as language switcher might change
+  revalidatePath("/cms/settings/extra-translations");
+  if (data?.id) {
+    redirect(`/cms/settings/extra-translations?language=${encodeURIComponent(data.code)}&success=${encodeURIComponent("Language created successfully. Please fill the extra translations.")}`);
+  } else {
+    redirect(`/cms/settings/extra-translations?success=${encodeURIComponent("Language created successfully. Please fill the extra translations.")}`);
+  }
+}
 
 export async function updateLanguage(languageId: number, formData: FormData) {
   const supabase = createClient();

package/templates/nextblock-template/app/layout.tsx

@@ -49,7 +49,7 @@ async function loadLayoutData() {
   ] = await Promise.all([
     supabase.auth.getUser(),
     getActiveLanguagesServerSide().catch(() => []),
-    getCopyrightSettings().catch(() => ({ en: 'Ac {year} My Ultra-Fast CMS. All rights reserved.' })),
+    getCopyrightSettings().catch(() => ({ en: '© {year} Nextblock CMS. All rights reserved.' })),
     getTranslations().catch(() => []),
   ]);
 
@@ -65,8 +65,8 @@ async function loadLayoutData() {
   }
 
   const copyrightSettings = copyrightSettingsResult as Record<string, string>;
-  const fallbackTemplate =
-    copyrightSettings['en'] ?? 'Ac {year} My Ultra-Fast CMS. All rights reserved.';
+  const fallbackTemplate =
+    copyrightSettings['en'] ?? '© {year} Nextblock CMS. All rights reserved.';
   const templateForLocale =
     copyrightSettings[serverDeterminedLocale] ?? fallbackTemplate;
   const copyrightText = templateForLocale.replace('{year}', new Date().getFullYear().toString());
@@ -82,7 +82,7 @@ async function loadLayoutData() {
 
   const role = profile?.role ?? null;
   const canAccessCms = role === 'ADMIN' || role === 'WRITER';
-  const siteTitle = logo?.site_title ?? 'NRH';
+  const siteTitle = logo?.site_title ?? 'Nextblock';
 
   return {
     user,
@@ -102,11 +102,11 @@ async function loadLayoutData() {
   };
 }
 
-export const metadata: Metadata = {
-  metadataBase: new URL(defaultUrl),
-  title: 'My Ultra-Fast CMS',
-  description: 'A block-based TypeScript CMS with Next.js and Supabase',
-};
+export const metadata: Metadata = {
+  metadataBase: new URL(defaultUrl),
+  title: 'Nextblock CMS',
+  description: 'Nextblock CMS pairs a visual block editor with a blazing-fast Next.js + Supabase architecture.',
+};
 
 export default async function RootLayout({
   children,