diff --git a/.env.example b/.env.example
index 5d6e98ce1..7411c1692 100644
--- a/.env.example
+++ b/.env.example
@@ -8,6 +8,20 @@ SPREE_PUBLISHABLE_KEY=your_publishable_api_key
 NEXT_PUBLIC_DEFAULT_COUNTRY=us
 NEXT_PUBLIC_DEFAULT_LOCALE=en
 NEXT_PUBLIC_STORE_NAME=Spree Store
+NEXT_PUBLIC_STORE_DESCRIPTION=A modern e-commerce storefront powered by Spree Commerce and Next.js.
+
+# Store SEO settings (server-side only)
+STORE_URL=https://your-store-domain.com
+STORE_SEO_TITLE=
+STORE_META_DESCRIPTION=
+STORE_META_KEYWORDS=
+
+# Store social / Organization JSON-LD (optional)
+STORE_TWITTER=
+STORE_FACEBOOK=
+STORE_INSTAGRAM=
+STORE_LOGO_URL=
+STORE_SUPPORT_EMAIL=
 
 # Google Tag Manager (leave empty to disable)
 GTM_ID=
diff --git a/public/social-image.png b/public/social-image.png
new file mode 100644
index 000000000..44c7e319b
Binary files /dev/null and b/public/social-image.png differ
diff --git a/src/app/[country]/[locale]/(checkout)/layout.tsx b/src/app/[country]/[locale]/(checkout)/layout.tsx
index c0c1af9d8..5079cd4d7 100644
--- a/src/app/[country]/[locale]/(checkout)/layout.tsx
+++ b/src/app/[country]/[locale]/(checkout)/layout.tsx
@@ -19,7 +19,7 @@ function CheckoutHeader() {
       <Link href={basePath || "/"} className="flex items-center space-x-2">
         <Image
           src="/spree.png"
-          alt="Spree Store"
+          alt={storeName}
           width={90}
           height={32}
           priority
diff --git a/src/app/[country]/[locale]/(storefront)/c/[...permalink]/page.tsx b/src/app/[country]/[locale]/(storefront)/c/[...permalink]/page.tsx
index d2c790d70..40f84be72 100644
--- a/src/app/[country]/[locale]/(storefront)/c/[...permalink]/page.tsx
+++ b/src/app/[country]/[locale]/(storefront)/c/[...permalink]/page.tsx
@@ -1,8 +1,12 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { Breadcrumbs } from "@/components/navigation/Breadcrumbs";
 import { CategoryBanner } from "@/components/navigation/CategoryBanner";
+import { JsonLd } from "@/components/seo/JsonLd";
 import { getCategory } from "@/lib/data/categories";
+import { generateCategoryMetadata } from "@/lib/metadata/category";
+import { buildBreadcrumbJsonLd, getStoreUrl } from "@/lib/seo";
 import { CategoryProductsContent } from "./CategoryProductsContent";
 
 export const revalidate = 60;
@@ -15,6 +19,13 @@ interface CategoryPageProps {
   }>;
 }
 
+export async function generateMetadata({
+  params,
+}: CategoryPageProps): Promise<Metadata> {
+  const { country, locale, permalink } = await params;
+  return generateCategoryMetadata({ country, locale, permalink });
+}
+
 export default async function CategoryPage({ params }: CategoryPageProps) {
   const { country, locale, permalink } = await params;
   const fullPermalink = permalink.join("/");
@@ -34,8 +45,14 @@ export default async function CategoryPage({ params }: CategoryPageProps) {
     notFound();
   }
 
+  const storeUrl = getStoreUrl();
+
   return (
     <div>
+      {storeUrl && (
+        <JsonLd data={buildBreadcrumbJsonLd(category, basePath, storeUrl)} />
+      )}
+
       {/* Banner Image — returns null when image missing or fails to load */}
       <CategoryBanner imageUrl={category.image_url} name={category.name} />
 
diff --git a/src/app/[country]/[locale]/(storefront)/page.tsx b/src/app/[country]/[locale]/(storefront)/page.tsx
index 5513d9fbb..5de9a508e 100644
--- a/src/app/[country]/[locale]/(storefront)/page.tsx
+++ b/src/app/[country]/[locale]/(storefront)/page.tsx
@@ -1,6 +1,9 @@
+import type { Metadata } from "next";
 import Link from "next/link";
 import { ProductCarousel } from "@/components/products/ProductCarousel";
 import { Button } from "@/components/ui/button";
+import { generateHomeMetadata } from "@/lib/metadata/home";
+import { getStoreDescription, getStoreName } from "@/lib/seo";
 
 interface HomePageProps {
   params: Promise<{
@@ -9,6 +12,13 @@ interface HomePageProps {
   }>;
 }
 
+export async function generateMetadata({
+  params,
+}: HomePageProps): Promise<Metadata> {
+  const { country, locale } = await params;
+  return generateHomeMetadata({ country, locale });
+}
+
 export default async function HomePage({ params }: HomePageProps) {
   const { country, locale } = await params;
   const basePath = `/${country}/${locale}`;
@@ -20,11 +30,10 @@ export default async function HomePage({ params }: HomePageProps) {
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24">
           <div className="text-center">
             <h1 className="text-4xl md:text-5xl font-bold tracking-tight text-gray-900">
-              Welcome to Spree Store
+              Welcome to {getStoreName()}
             </h1>
             <p className="mt-4 text-xl text-gray-500 max-w-2xl mx-auto">
-              Discover amazing products with our modern e-commerce experience
-              powered by Spree Commerce.
+              {getStoreDescription()}
             </p>
             <div className="mt-8 flex justify-center gap-4">
               <Button size="lg" asChild>
diff --git a/src/app/[country]/[locale]/(storefront)/products/[slug]/page.tsx b/src/app/[country]/[locale]/(storefront)/products/[slug]/page.tsx
index 9cf6b55d3..fd45fdb8c 100644
--- a/src/app/[country]/[locale]/(storefront)/products/[slug]/page.tsx
+++ b/src/app/[country]/[locale]/(storefront)/products/[slug]/page.tsx
@@ -1,3 +1,8 @@
+import type { Metadata } from "next";
+import { JsonLd } from "@/components/seo/JsonLd";
+import { getCachedProduct } from "@/lib/data/cached";
+import { generateProductMetadata } from "@/lib/metadata/product";
+import { buildCanonicalUrl, buildProductJsonLd, getStoreUrl } from "@/lib/seo";
 import { ProductDetailsWrapper } from "./ProductDetailsWrapper";
 
 interface ProductPageProps {
@@ -8,9 +13,39 @@ interface ProductPageProps {
   }>;
 }
 
+export async function generateMetadata({
+  params,
+}: ProductPageProps): Promise<Metadata> {
+  const { country, locale, slug } = await params;
+  return generateProductMetadata({ country, locale, slug });
+}
+
 export default async function ProductPage({ params }: ProductPageProps) {
   const { country, locale, slug } = await params;
   const basePath = `/${country}/${locale}`;
 
-  return <ProductDetailsWrapper slug={slug} basePath={basePath} />;
+  let product;
+  try {
+    product = await getCachedProduct(slug, ["images"], locale);
+  } catch {
+    product = null;
+  }
+
+  const storeUrl = getStoreUrl();
+  const canonicalUrl =
+    product && storeUrl
+      ? buildCanonicalUrl(
+          storeUrl,
+          `/${country}/${locale}/products/${product.slug}`,
+        )
+      : undefined;
+
+  return (
+    <>
+      {product && canonicalUrl && (
+        <JsonLd data={buildProductJsonLd(product, canonicalUrl)} />
+      )}
+      <ProductDetailsWrapper slug={slug} basePath={basePath} />
+    </>
+  );
 }
diff --git a/src/app/[country]/[locale]/(storefront)/products/page.tsx b/src/app/[country]/[locale]/(storefront)/products/page.tsx
index 5595aa79b..3971640cd 100644
--- a/src/app/[country]/[locale]/(storefront)/products/page.tsx
+++ b/src/app/[country]/[locale]/(storefront)/products/page.tsx
@@ -1,3 +1,5 @@
+import type { Metadata } from "next";
+import { generateProductsMetadata } from "@/lib/metadata/products";
 import { ProductsContent } from "./ProductsContent";
 
 interface ProductsPageProps {
@@ -7,6 +9,13 @@ interface ProductsPageProps {
   }>;
 }
 
+export async function generateMetadata({
+  params,
+}: ProductsPageProps): Promise<Metadata> {
+  const { country, locale } = await params;
+  return generateProductsMetadata({ country, locale });
+}
+
 export default async function ProductsPage({ params }: ProductsPageProps) {
   const { country, locale } = await params;
   const basePath = `/${country}/${locale}`;
diff --git a/src/app/[country]/[locale]/layout.tsx b/src/app/[country]/[locale]/layout.tsx
index 5c337b0a8..2893f6426 100644
--- a/src/app/[country]/[locale]/layout.tsx
+++ b/src/app/[country]/[locale]/layout.tsx
@@ -1,6 +1,10 @@
+import type { Metadata } from "next";
+import { JsonLd } from "@/components/seo/JsonLd";
 import { AuthProvider } from "@/contexts/AuthContext";
 import { StoreProvider } from "@/contexts/StoreContext";
 import { getMarkets } from "@/lib/data/markets";
+import { generateStoreMetadata } from "@/lib/metadata/store";
+import { buildOrganizationJsonLd } from "@/lib/seo";
 
 interface CountryLocaleLayoutProps {
   children: React.ReactNode;
@@ -10,6 +14,13 @@ interface CountryLocaleLayoutProps {
   }>;
 }
 
+export async function generateMetadata({
+  params,
+}: CountryLocaleLayoutProps): Promise<Metadata> {
+  const { locale } = await params;
+  return generateStoreMetadata({ locale });
+}
+
 export default async function CountryLocaleLayout({
   children,
   params,
@@ -26,7 +37,10 @@ export default async function CountryLocaleLayout({
       initialLocale={locale}
       initialMarkets={markets}
     >
-      <AuthProvider>{children}</AuthProvider>
+      <AuthProvider>
+        <JsonLd data={buildOrganizationJsonLd()} />
+        {children}
+      </AuthProvider>
     </StoreProvider>
   );
 }
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 62d933318..746352b53 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -13,9 +13,16 @@ const geist = Geist({
   subsets: ["latin"],
 });
 
+const rootStoreName = process.env.NEXT_PUBLIC_STORE_NAME || "Spree Store";
+
 export const metadata: Metadata = {
-  title: "Spree Storefront",
-  description: "Next.js storefront powered by Spree Commerce",
+  title: {
+    template: `%s | ${rootStoreName}`,
+    default: rootStoreName,
+  },
+  description:
+    process.env.NEXT_PUBLIC_STORE_DESCRIPTION ||
+    "A modern e-commerce storefront powered by Spree Commerce and Next.js.",
 };
 
 export default function RootLayout({
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index f61a27fee..a5f4a64be 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,17 +1,18 @@
+"use client";
+
 import Link from "next/link";
+import { useStore } from "@/contexts/StoreContext";
 
 export function Footer() {
+  const { storeName, storeDescription } = useStore();
   return (
     <footer className="bg-primary text-gray-300">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
         <div className="grid grid-cols-1 md:grid-cols-4 gap-8">
           {/* Brand */}
           <div className="col-span-1 md:col-span-2">
-            <span className="text-xl font-bold text-white">Spree Store</span>
-            <p className="mt-4 text-sm text-neutral-400">
-              A modern e-commerce storefront powered by Spree Commerce and
-              Next.js.
-            </p>
+            <span className="text-xl font-bold text-white">{storeName}</span>
+            <p className="mt-4 text-sm text-neutral-400">{storeDescription}</p>
           </div>
 
           {/* Links */}
@@ -71,7 +72,7 @@ export function Footer() {
 
         <div className="mt-8 pt-8 border-t border-neutral-800 text-xs text-neutral-500 text-center">
           <p>
-            &copy; {new Date().getFullYear()} Spree Store. Powered by Spree
+            &copy; {new Date().getFullYear()} {storeName}. Powered by Spree
             Commerce.
           </p>
         </div>
diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index dd705715e..70ae4b932 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -8,6 +8,7 @@ import { usePathname } from "next/navigation";
 import { SearchBar } from "@/components/search/SearchBar";
 import { Button } from "@/components/ui/button";
 import { useCart } from "@/contexts/CartContext";
+import { useStore } from "@/contexts/StoreContext";
 import { extractBasePath } from "@/lib/utils/path";
 import { CountrySwitcher } from "./CountrySwitcher";
 
@@ -17,6 +18,7 @@ interface HeaderProps {
 
 export function Header({ rootCategories }: HeaderProps) {
   const { itemCount, openCart } = useCart();
+  const { storeName } = useStore();
   const pathname = usePathname();
   const basePath = extractBasePath(pathname);
 
@@ -32,10 +34,10 @@ export function Header({ rootCategories }: HeaderProps) {
             >
               <Image
                 src="/spree.png"
-                alt="Spree Store"
+                alt={storeName}
                 width={90}
                 height={32}
-                style={{ width: "auto", height: "auto" }}
+                className="h-8 w-auto"
                 priority
               />
             </Link>
diff --git a/src/components/seo/JsonLd.tsx b/src/components/seo/JsonLd.tsx
new file mode 100644
index 000000000..a3e1a4aaf
--- /dev/null
+++ b/src/components/seo/JsonLd.tsx
@@ -0,0 +1,14 @@
+interface JsonLdProps {
+  data: Record<string, unknown>;
+}
+
+export function JsonLd({ data }: JsonLdProps) {
+  const serialized = JSON.stringify(data).replaceAll("<", "\\u003c");
+
+  return (
+    <script
+      type="application/ld+json"
+      dangerouslySetInnerHTML={{ __html: serialized }}
+    />
+  );
+}
diff --git a/src/contexts/StoreContext.tsx b/src/contexts/StoreContext.tsx
index e06be06fb..cd0f1fb92 100644
--- a/src/contexts/StoreContext.tsx
+++ b/src/contexts/StoreContext.tsx
@@ -21,7 +21,14 @@ export interface CountryWithMarket extends Country {
   marketId: string | null;
 }
 
+const storeName = process.env.NEXT_PUBLIC_STORE_NAME || "Spree Store";
+const storeDescription =
+  process.env.NEXT_PUBLIC_STORE_DESCRIPTION ||
+  "A modern e-commerce storefront powered by Spree Commerce and Next.js.";
+
 interface StoreContextValue {
+  storeName: string;
+  storeDescription: string;
   country: string;
   locale: string;
   currency: string;
@@ -175,6 +182,8 @@ export function StoreProvider({
 
   const value = useMemo<StoreContextValue>(
     () => ({
+      storeName,
+      storeDescription,
       country,
       locale,
       currency,
@@ -183,7 +192,7 @@ export function StoreProvider({
       setLocale,
       loading,
     }),
-    [country, locale, currency, countries, setCountry, setLocale, loading],
+    [country, locale, currency, countries, setCountry, setLocale],
   );
 
   return (
diff --git a/src/lib/data/cached.ts b/src/lib/data/cached.ts
new file mode 100644
index 000000000..be46f6062
--- /dev/null
+++ b/src/lib/data/cached.ts
@@ -0,0 +1,12 @@
+import { getCategory, getProduct } from "@spree/next";
+import { cache } from "react";
+
+export const getCachedProduct = cache(
+  (slugOrId: string, expand: string[], locale: string) =>
+    getProduct(slugOrId, { expand }, { locale }),
+);
+
+export const getCachedCategory = cache(
+  (idOrPermalink: string, expand: string[], locale: string) =>
+    getCategory(idOrPermalink, { expand }, { locale }),
+);
diff --git a/src/lib/metadata/categories.ts b/src/lib/metadata/categories.ts
new file mode 100644
index 000000000..2c6fbffc5
--- /dev/null
+++ b/src/lib/metadata/categories.ts
@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { buildCanonicalUrl, getStoreUrl } from "@/lib/seo";
+
+interface CategoriesMetadataParams {
+  country: string;
+  locale: string;
+}
+
+export async function generateCategoriesMetadata({
+  country,
+  locale,
+}: CategoriesMetadataParams): Promise<Metadata> {
+  const storeUrl = getStoreUrl();
+  const canonicalUrl = storeUrl
+    ? buildCanonicalUrl(storeUrl, `/${country}/${locale}/c`)
+    : undefined;
+
+  return {
+    title: "Categories",
+    description: "Browse all product categories.",
+    ...(canonicalUrl ? { alternates: { canonical: canonicalUrl } } : {}),
+    openGraph: {
+      title: "Categories",
+      description: "Browse all product categories.",
+      ...(canonicalUrl ? { url: canonicalUrl } : {}),
+      type: "website",
+    },
+  };
+}
diff --git a/src/lib/metadata/category.ts b/src/lib/metadata/category.ts
new file mode 100644
index 000000000..2fc3fcb0d
--- /dev/null
+++ b/src/lib/metadata/category.ts
@@ -0,0 +1,64 @@
+import type { Metadata } from "next";
+import { getCachedCategory } from "@/lib/data/cached";
+import { buildCanonicalUrl, getStoreUrl } from "@/lib/seo";
+
+export interface CategoryMetadataParams {
+  country: string;
+  locale: string;
+  permalink: string[];
+}
+
+export async function generateCategoryMetadata({
+  country,
+  locale,
+  permalink,
+}: CategoryMetadataParams): Promise<Metadata> {
+  const fullPermalink = permalink.join("/");
+
+  let category;
+  try {
+    category = await getCachedCategory(
+      fullPermalink,
+      ["ancestors", "children"],
+      locale,
+    );
+  } catch {
+    return { title: "Category Not Found" };
+  }
+
+  const title = category.meta_title || category.name;
+  const description =
+    category.meta_description ||
+    category.description ||
+    `Browse ${category.name} products.`;
+
+  const storeUrl = getStoreUrl();
+  const canonicalUrl = storeUrl
+    ? buildCanonicalUrl(
+        storeUrl,
+        `/${country}/${locale}/c/${category.permalink}`,
+      )
+    : undefined;
+
+  return {
+    title,
+    description,
+    ...(category.meta_keywords ? { keywords: category.meta_keywords } : {}),
+    ...(canonicalUrl ? { alternates: { canonical: canonicalUrl } } : {}),
+    openGraph: {
+      title,
+      description,
+      ...(canonicalUrl ? { url: canonicalUrl } : {}),
+      type: "website",
+      ...(category.image_url
+        ? { images: [{ url: category.image_url, alt: category.name }] }
+        : {}),
+    },
+    twitter: {
+      card: "summary_large_image",
+      title,
+      description,
+      ...(category.image_url ? { images: [category.image_url] } : {}),
+    },
+  };
+}
diff --git a/src/lib/metadata/home.ts b/src/lib/metadata/home.ts
new file mode 100644
index 000000000..d95a21105
--- /dev/null
+++ b/src/lib/metadata/home.ts
@@ -0,0 +1,39 @@
+import type { Metadata } from "next";
+import {
+  buildCanonicalUrl,
+  getStoreDescription,
+  getStoreName,
+  getStoreUrl,
+  SOCIAL_IMAGE_PATH,
+} from "@/lib/seo";
+
+interface HomeMetadataParams {
+  country: string;
+  locale: string;
+}
+
+export async function generateHomeMetadata({
+  country,
+  locale,
+}: HomeMetadataParams): Promise<Metadata> {
+  const storeName = process.env.STORE_SEO_TITLE || getStoreName();
+  const description =
+    process.env.STORE_META_DESCRIPTION || getStoreDescription();
+  const storeUrl = getStoreUrl();
+  const canonicalUrl = storeUrl
+    ? buildCanonicalUrl(storeUrl, `/${country}/${locale}`)
+    : undefined;
+
+  return {
+    title: { absolute: storeName },
+    description,
+    ...(canonicalUrl ? { alternates: { canonical: canonicalUrl } } : {}),
+    openGraph: {
+      title: storeName,
+      description,
+      ...(canonicalUrl ? { url: canonicalUrl } : {}),
+      type: "website",
+      images: [SOCIAL_IMAGE_PATH],
+    },
+  };
+}
diff --git a/src/lib/metadata/product.ts b/src/lib/metadata/product.ts
new file mode 100644
index 000000000..975f74cc3
--- /dev/null
+++ b/src/lib/metadata/product.ts
@@ -0,0 +1,71 @@
+import type { Metadata } from "next";
+import { getCachedProduct } from "@/lib/data/cached";
+import { buildCanonicalUrl, getStoreUrl, stripHtml } from "@/lib/seo";
+
+interface ProductMetadataParams {
+  country: string;
+  locale: string;
+  slug: string;
+}
+
+export async function generateProductMetadata({
+  country,
+  locale,
+  slug,
+}: ProductMetadataParams): Promise<Metadata> {
+  let product;
+  try {
+    product = await getCachedProduct(slug, ["images"], locale);
+  } catch {
+    return { title: "Product Not Found" };
+  }
+
+  const title = product.name;
+  const description = product.meta_description
+    ? product.meta_description
+    : product.description
+      ? stripHtml(product.description).slice(0, 160)
+      : `Shop ${product.name}`;
+
+  const storeUrl = getStoreUrl();
+  const canonicalUrl = storeUrl
+    ? buildCanonicalUrl(
+        storeUrl,
+        `/${country}/${locale}/products/${product.slug}`,
+      )
+    : undefined;
+
+  const ogImages = (product.images || [])
+    .filter((img) => img.og_image_url || img.original_url)
+    .map((img) => ({
+      url: (img.og_image_url || img.original_url)!,
+      alt: img.alt || product.name,
+    }));
+
+  // Fall back to thumbnail_url if no images from includes
+  if (ogImages.length === 0 && product.thumbnail_url) {
+    ogImages.push({ url: product.thumbnail_url, alt: product.name });
+  }
+
+  return {
+    title,
+    description,
+    ...(product.meta_keywords ? { keywords: product.meta_keywords } : {}),
+    ...(canonicalUrl ? { alternates: { canonical: canonicalUrl } } : {}),
+    openGraph: {
+      title,
+      description,
+      ...(canonicalUrl ? { url: canonicalUrl } : {}),
+      type: "website",
+      ...(ogImages.length > 0 ? { images: ogImages } : {}),
+    },
+    other: {
+      ...(product.price?.amount
+        ? { "product:price:amount": product.price.amount }
+        : {}),
+      ...(product.price?.currency
+        ? { "product:price:currency": product.price.currency }
+        : {}),
+    },
+  };
+}
diff --git a/src/lib/metadata/products.ts b/src/lib/metadata/products.ts
new file mode 100644
index 000000000..da87ae216
--- /dev/null
+++ b/src/lib/metadata/products.ts
@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { buildCanonicalUrl, getStoreUrl } from "@/lib/seo";
+
+interface ProductsMetadataParams {
+  country: string;
+  locale: string;
+}
+
+export async function generateProductsMetadata({
+  country,
+  locale,
+}: ProductsMetadataParams): Promise<Metadata> {
+  const storeUrl = getStoreUrl();
+  const canonicalUrl = storeUrl
+    ? buildCanonicalUrl(storeUrl, `/${country}/${locale}/products`)
+    : undefined;
+
+  return {
+    title: "Products",
+    description: "Browse our full collection of products.",
+    ...(canonicalUrl ? { alternates: { canonical: canonicalUrl } } : {}),
+    openGraph: {
+      title: "Products",
+      description: "Browse our full collection of products.",
+      ...(canonicalUrl ? { url: canonicalUrl } : {}),
+      type: "website",
+    },
+  };
+}
diff --git a/src/lib/metadata/store.ts b/src/lib/metadata/store.ts
new file mode 100644
index 000000000..a29732415
--- /dev/null
+++ b/src/lib/metadata/store.ts
@@ -0,0 +1,62 @@
+import type { Metadata } from "next";
+import {
+  ensureProtocol,
+  getStoreDescription,
+  getStoreName,
+  getStoreUrl,
+  SOCIAL_IMAGE_PATH,
+} from "@/lib/seo";
+
+function normalizeOpenGraphLocale(locale: string): string {
+  const parts = locale.split(/[-_]/);
+  if (parts.length < 2) return locale;
+  return `${parts[0].toLowerCase()}_${parts[1].toUpperCase()}`;
+}
+
+interface StoreMetadataParams {
+  locale: string;
+}
+
+export async function generateStoreMetadata({
+  locale,
+}: StoreMetadataParams): Promise<Metadata> {
+  const storeName = process.env.STORE_SEO_TITLE || getStoreName();
+  const storeUrl = getStoreUrl();
+  const metaDescription =
+    process.env.STORE_META_DESCRIPTION || getStoreDescription();
+  const metaKeywords = process.env.STORE_META_KEYWORDS;
+  const twitter = process.env.STORE_TWITTER;
+
+  let metadataBaseSpread: Partial<{ metadataBase: URL }> = {};
+  if (storeUrl) {
+    try {
+      metadataBaseSpread = { metadataBase: new URL(ensureProtocol(storeUrl)) };
+    } catch {
+      metadataBaseSpread = {};
+    }
+  }
+
+  return {
+    ...metadataBaseSpread,
+    title: {
+      template: `%s | ${storeName}`,
+      default: storeName,
+    },
+    description: metaDescription,
+    ...(metaKeywords ? { keywords: metaKeywords } : {}),
+    openGraph: {
+      siteName: getStoreName(),
+      locale: normalizeOpenGraphLocale(locale),
+      type: "website",
+      images: [SOCIAL_IMAGE_PATH],
+    },
+    twitter: {
+      card: "summary_large_image",
+      ...(twitter
+        ? {
+            site: twitter.startsWith("@") ? twitter : `@${twitter}`,
+          }
+        : {}),
+    },
+  };
+}
diff --git a/src/lib/seo.ts b/src/lib/seo.ts
new file mode 100644
index 000000000..c37721b3e
--- /dev/null
+++ b/src/lib/seo.ts
@@ -0,0 +1,208 @@
+import type { Category, StoreProduct } from "@spree/sdk";
+
+/**
+ * Default social image path (stored in public/).
+ * Replace public/social-image.png with your own 1200x630 OG image.
+ */
+export const SOCIAL_IMAGE_PATH = "/social-image.png";
+
+/**
+ * Get the store URL from the STORE_URL environment variable.
+ * Returns undefined if not set.
+ */
+export function getStoreUrl(): string | undefined {
+  return process.env.STORE_URL || undefined;
+}
+
+/**
+ * Get the store name from environment variables.
+ */
+export function getStoreName(): string {
+  return process.env.NEXT_PUBLIC_STORE_NAME || "Spree Store";
+}
+
+/**
+ * Get the store description from environment variables.
+ */
+export function getStoreDescription(): string {
+  return (
+    process.env.NEXT_PUBLIC_STORE_DESCRIPTION ||
+    "A modern e-commerce storefront powered by Spree Commerce and Next.js."
+  );
+}
+
+/**
+ * Ensure a URL has a protocol prefix.
+ * If the URL doesn't start with http:// or https://, prepend https://.
+ */
+export function ensureProtocol(url: string): string {
+  const trimmed = url.trim();
+  if (trimmed.startsWith("http://") || trimmed.startsWith("https://")) {
+    return trimmed;
+  }
+  return `https://${trimmed}`;
+}
+
+/**
+ * Build a full canonical URL from a store URL and a relative path.
+ */
+export function buildCanonicalUrl(storeUrl: string, path: string): string {
+  const base = ensureProtocol(storeUrl).replace(/\/$/, "");
+  const cleanPath = path.startsWith("/") ? path : `/${path}`;
+  return `${base}${cleanPath}`;
+}
+
+/**
+ * Strip HTML tags from a string.
+ */
+export function stripHtml(html: string): string {
+  return html.replace(/<[^>]*>/g, "").trim();
+}
+
+/**
+ * Build JSON-LD Product schema.
+ * https://schema.org/Product
+ */
+export function buildProductJsonLd(
+  product: StoreProduct,
+  canonicalUrl: string,
+): Record<string, unknown> {
+  const schema: Record<string, unknown> = {
+    "@context": "https://schema.org",
+    "@type": "Product",
+    name: product.name,
+    url: canonicalUrl,
+  };
+
+  if (product.description) {
+    schema.description = stripHtml(product.description);
+  }
+
+  if (product.default_variant?.sku) {
+    schema.sku = product.default_variant.sku;
+  }
+
+  const imageUrls = (product.images || [])
+    .map((img) => img.original_url || img.large_url)
+    .filter(Boolean);
+  // Fall back to thumbnail_url if no images from includes
+  if (imageUrls.length === 0 && product.thumbnail_url) {
+    imageUrls.push(product.thumbnail_url);
+  }
+  if (imageUrls.length > 0) {
+    schema.image = imageUrls;
+  }
+
+  if (product.price?.amount && product.price?.currency) {
+    schema.offers = {
+      "@type": "Offer",
+      url: canonicalUrl,
+      priceCurrency: product.price.currency,
+      price: product.price.amount,
+      availability: product.in_stock
+        ? "https://schema.org/InStock"
+        : "https://schema.org/OutOfStock",
+    };
+  }
+
+  return schema;
+}
+
+/**
+ * Build JSON-LD BreadcrumbList schema from a category with ancestors.
+ * https://schema.org/BreadcrumbList
+ */
+export function buildBreadcrumbJsonLd(
+  category: Category,
+  basePath: string,
+  storeUrl: string,
+): Record<string, unknown> {
+  const items: Array<{ name: string; url: string }> = [
+    { name: "Home", url: buildCanonicalUrl(storeUrl, basePath) },
+  ];
+
+  if (category.ancestors) {
+    for (const ancestor of category.ancestors) {
+      if (!ancestor.is_root) {
+        items.push({
+          name: ancestor.name,
+          url: buildCanonicalUrl(
+            storeUrl,
+            `${basePath}/c/${ancestor.permalink}`,
+          ),
+        });
+      }
+    }
+  }
+
+  items.push({
+    name: category.name,
+    url: buildCanonicalUrl(storeUrl, `${basePath}/c/${category.permalink}`),
+  });
+
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: items.map((item, index) => ({
+      "@type": "ListItem",
+      position: index + 1,
+      name: item.name,
+      item: item.url,
+    })),
+  };
+}
+
+/**
+ * Build JSON-LD Organization schema from environment variables.
+ * https://schema.org/Organization
+ */
+export function buildOrganizationJsonLd(): Record<string, unknown> {
+  const storeName = getStoreName();
+  const storeUrl = getStoreUrl();
+  const logoUrl = process.env.STORE_LOGO_URL;
+  const facebook = process.env.STORE_FACEBOOK;
+  const twitter = process.env.STORE_TWITTER;
+  const instagram = process.env.STORE_INSTAGRAM;
+  const supportEmail = process.env.STORE_SUPPORT_EMAIL;
+
+  const schema: Record<string, unknown> = {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    name: storeName,
+    ...(storeUrl ? { url: ensureProtocol(storeUrl) } : {}),
+  };
+
+  if (logoUrl) {
+    schema.logo = logoUrl;
+  }
+
+  const sameAs: string[] = [];
+  if (facebook) sameAs.push(facebook);
+  if (twitter) {
+    sameAs.push(
+      twitter.startsWith("http")
+        ? twitter
+        : `https://twitter.com/${twitter.replace("@", "")}`,
+    );
+  }
+  if (instagram) {
+    sameAs.push(
+      instagram.startsWith("http")
+        ? instagram
+        : `https://instagram.com/${instagram.replace("@", "")}`,
+    );
+  }
+  if (sameAs.length > 0) {
+    schema.sameAs = sameAs;
+  }
+
+  if (supportEmail) {
+    schema.contactPoint = {
+      "@type": "ContactPoint",
+      email: supportEmail,
+      contactType: "customer service",
+    };
+  }
+
+  return schema;
+}