create-brainerce-store 1.28.13 → 1.28.15

package/dist/index.js

@@ -31,7 +31,7 @@ var require_package = __commonJS({
   "package.json"(exports2, module2) {
     module2.exports = {
       name: "create-brainerce-store",
-      version: "1.28.13",
+      version: "1.28.15",
       description: "Scaffold a production-ready e-commerce storefront connected to Brainerce",
       bin: {
         "create-brainerce-store": "dist/index.js"

package/messages/en.json

@@ -94,7 +94,8 @@
     "frequentlyBoughtTogether": "Frequently Bought Together",
     "addSelectedToCart": "Add Selected to Cart",
     "totalPrice": "Total: {price}",
-    "addingAll": "Adding..."
+    "addingAll": "Adding...",
+    "by": "By"
   },
   "cart": {
     "pageTitle": "Shopping Cart",

package/messages/he.json

@@ -94,7 +94,8 @@
     "frequentlyBoughtTogether": "לקוחות קנו גם",
     "addSelectedToCart": "הוסף הנבחרים לעגלה",
     "totalPrice": "סה\"כ: {price}",
-    "addingAll": "מוסיף..."
+    "addingAll": "מוסיף...",
+    "by": "מאת"
   },
   "cart": {
     "pageTitle": "עגלת קניות",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-brainerce-store",
-  "version": "1.28.13",
+  "version": "1.28.15",
   "description": "Scaffold a production-ready e-commerce storefront connected to Brainerce",
   "bin": {
     "create-brainerce-store": "dist/index.js"

package/templates/nextjs/base/src/app/products/[slug]/page.tsx

@@ -23,24 +23,30 @@ export async function generateMetadata({ params }: Props): Promise<Metadata> {
     const client = getServerClient();
     const product = await client.getProductBySlug(slug, { locale });
     const imageUrl = product.images?.[0]?.url;
-    const description = product.description?.substring(0, 160) || product.name;
+    // Prefer merchant-authored SEO copy; fall back to the visible name/description.
+    // Both are served already locale-resolved by the backend.
+    const seoTitle = (product as { seoTitle?: string | null }).seoTitle || product.name;
+    const seoDescription =
+      (product as { seoDescription?: string | null }).seoDescription ||
+      product.description?.substring(0, 160) ||
+      product.name;
 
     return {
-      title: product.name,
-      description,
+      title: seoTitle,
+      description: seoDescription,
       alternates: {
         canonical: `/products/${slug}`,
       },
       openGraph: {
-        title: product.name,
-        description,
+        title: seoTitle,
+        description: seoDescription,
         images: imageUrl ? [{ url: imageUrl, alt: product.name }] : [],
         type: 'website',
       },
       twitter: {
         card: 'summary_large_image',
-        title: product.name,
-        description,
+        title: seoTitle,
+        description: seoDescription,
         images: imageUrl ? [imageUrl] : [],
       },
     };

package/templates/nextjs/base/src/app/products/[slug]/product-client-section.tsx

@@ -297,9 +297,37 @@ export function ProductClientSection({ product: initialProduct }: ProductClientS
             </div>
           )}
 
+          {/* Brand */}
+          {(product as { brands?: Array<{ id: string; name: string }> }).brands &&
+            (product as { brands: Array<{ id: string; name: string }> }).brands.length > 0 && (
+              <div className="text-muted-foreground text-sm">
+                {t('by')}{' '}
+                <span className="text-foreground font-medium">
+                  {(product as { brands: Array<{ id: string; name: string }> }).brands
+                    .map((b) => b.name)
+                    .join(', ')}
+                </span>
+              </div>
+            )}
+
           {/* Title */}
           <h1 className="text-foreground text-2xl font-bold sm:text-3xl">{product.name}</h1>
 
+          {/* Tags */}
+          {(product as { tags?: Array<{ id: string; name: string }> }).tags &&
+            (product as { tags: Array<{ id: string; name: string }> }).tags.length > 0 && (
+              <div className="flex flex-wrap gap-1.5">
+                {(product as { tags: Array<{ id: string; name: string }> }).tags.map((tag) => (
+                  <span
+                    key={tag.id}
+                    className="border-border text-muted-foreground rounded-full border px-2.5 py-0.5 text-xs"
+                  >
+                    #{tag.name}
+                  </span>
+                ))}
+              </div>
+            )}
+
           {/* Price */}
           <PriceDisplay
             price={priceInfo.originalPrice}