- 
+
- ![]()
-
-
-
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ category.name }}
+
-
-
-
-
-
-
-
-
-
+
+
+
+
-
+
+
-
+
- {{ category.name }}
-
+ {{ faNum(category.products.length) }} محصول
+
+
+ {{ category.nameEn }}
+
+
+
-
- {{ faNum(category.products.length) }} محصول
-
-
- {{ category.nameEn }}
-
-
-
+
-
-
+
-
-
-
+
+
+
+ {{ activeGroupDesc }}
-
+
+
diff --git a/apps/web/app/pages/index.vue b/apps/web/app/pages/index.vue
index 8bcd8fd..40fac50 100644
--- a/apps/web/app/pages/index.vue
+++ b/apps/web/app/pages/index.vue
@@ -1,6 +1,4 @@
-
-
-
-
-
+
+
diff --git a/apps/web/app/pages/products/[slug].vue b/apps/web/app/pages/products/[slug].vue
new file mode 100644
index 0000000..1aedf24
--- /dev/null
+++ b/apps/web/app/pages/products/[slug].vue
@@ -0,0 +1,627 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/app/stores/contact.ts b/apps/web/app/stores/contact.ts
index 6c4e0ac..5b6c052 100644
--- a/apps/web/app/stores/contact.ts
+++ b/apps/web/app/stores/contact.ts
@@ -32,6 +32,11 @@ export const useContactStore = defineStore("contact", {
this.status = "error";
}
},
+ /** Pre-fills the message, e.g. from a product page's "request a quote" button */
+ prefill(message: string) {
+ if (this.status === "success") this.reset();
+ this.form.message = message;
+ },
reset() {
this.form = emptyForm();
this.status = "idle";
diff --git a/apps/web/nuxt.config.ts b/apps/web/nuxt.config.ts
index 8298fc0..064a773 100644
--- a/apps/web/nuxt.config.ts
+++ b/apps/web/nuxt.config.ts
@@ -53,11 +53,15 @@ export default defineNuxtConfig({
},
},
- routeRules: {
- "/": { swr: PAGE_CACHE_SECONDS },
- "/categories/**": { swr: PAGE_CACHE_SECONDS },
- "/sitemap.xml": { swr: 3600 },
- "/manifest.webmanifest": { swr: 3600 },
+ // production only: in dev a cached page would serve stale HTML after code edits (hydration errors)
+ $production: {
+ routeRules: {
+ "/": { swr: PAGE_CACHE_SECONDS },
+ "/categories/**": { swr: PAGE_CACHE_SECONDS },
+ "/products/**": { swr: PAGE_CACHE_SECONDS },
+ "/sitemap.xml": { swr: 3600 },
+ "/manifest.webmanifest": { swr: 3600 },
+ },
},
nitro: {
diff --git a/apps/web/server/routes/sitemap.xml.ts b/apps/web/server/routes/sitemap.xml.ts
index be40eab..9af1526 100644
--- a/apps/web/server/routes/sitemap.xml.ts
+++ b/apps/web/server/routes/sitemap.xml.ts
@@ -1,13 +1,20 @@
+import type { PublicProductRef } from "@imen/shared";
+
interface SitemapEntry {
loc: string;
priority: string;
+ lastmod?: string;
}
export default defineEventHandler(async (event) => {
- const categories = await fetchCategories();
+ const [categories, products] = await Promise.all([
+ fetchCategories(),
+ serverApi("/public/products"),
+ ]);
const pages: SitemapEntry[] = [
{ loc: "/", priority: "1" },
...categories.map((c) => ({ loc: `/categories/${c.slug}`, priority: "0.8" })),
+ ...products.map((p) => ({ loc: `/products/${p.slug}`, priority: "0.6", lastmod: p.updatedAt })),
];
setHeader(event, "Content-Type", "application/xml; charset=utf-8");
@@ -15,7 +22,7 @@ export default defineEventHandler(async (event) => {
const urls = pages
.map(
(p) =>
- `\n${absUrl(p.loc)} \n${lastmod} \nweekly \n${p.priority} \n `,
+ `\n${absUrl(p.loc)} \n${p.lastmod ?? lastmod} \nweekly \n${p.priority} \n `,
)
.join("\n");
return `\n\n${urls}\n \n`;
diff --git a/apps/web/shared/seo/schema.ts b/apps/web/shared/seo/schema.ts
index a5c9e68..473001c 100644
--- a/apps/web/shared/seo/schema.ts
+++ b/apps/web/shared/seo/schema.ts
@@ -1,4 +1,4 @@
-import type { PublicCategory, SiteSettings } from "@imen/shared";
+import type { PublicCategory, PublicProductDetail, SiteSettings } from "@imen/shared";
import { siteConfig } from "../config/site";
type Json = Record;
@@ -97,12 +97,46 @@ export const categoryPageSchema = (ctx: SeoContext, category: PublicCategory) =>
name: p.name,
description: p.desc,
sku: p.code,
+ url: abs(ctx, `/products/${p.slug}`),
...(p.image && { image: abs(ctx, p.image) }),
},
})),
},
});
+export const productSchema = (ctx: SeoContext, p: PublicProductDetail) =>
+ clean({
+ "@context": "https://schema.org",
+ "@type": "Product",
+ "@id": `${ctx.siteUrl}/products/${p.slug}#product`,
+ name: p.name,
+ alternateName: p.nameEn,
+ sku: p.code,
+ mpn: p.code,
+ description: p.seoDescription || p.desc || p.details.slice(0, 300),
+ url: abs(ctx, `/products/${p.slug}`),
+ image: p.images.map((i) => abs(ctx, i.url)),
+ category: p.category.name,
+ ...(p.brand && { brand: { "@type": "Brand", name: p.brand } }),
+ countryOfOrigin: p.origin,
+ additionalProperty: [
+ ...p.attributes.map((a) => ({ "@type": "PropertyValue", name: a.name, value: a.value })),
+ ...p.standards.map((s) => ({ "@type": "PropertyValue", name: "استاندارد", value: s })),
+ ],
+ seller: { "@id": `${ctx.siteUrl}/#organization` },
+ });
+
+export const breadcrumbSchema = (ctx: SeoContext, items: { name: string; path: string }[]) => ({
+ "@context": "https://schema.org",
+ "@type": "BreadcrumbList",
+ itemListElement: items.map((it, i) => ({
+ "@type": "ListItem",
+ position: i + 1,
+ name: it.name,
+ item: abs(ctx, it.path),
+ })),
+});
+
/** Serialize JSON-LD safely for an inline
-
-
-
-
-
-
- {{ activeGroupDesc }}
-
-
+
-
-
-
-
+
+
+
+
+
+
+
-
-
-
-
-
- ![]()
-
-
-
-
-
- {{ product.code }}
-
-
- {{ faNum(String(i + 1).padStart(2, "0")) }}
-
-
-
- ![]()
+
+
-
- {{ product.name }}
-- {{ product.nameEn }} -
- -{{ product.desc }}
- -
-
- {{ s }}
-
-
-
-
-
+ مدلها / رنگها:
-
-
- {{ v }}
-
-
-
+
+ {{ product.code }}
+
+
+ {{ faNum(String(i + 1).padStart(2, "0")) }}
+
-
-
-
-
-
+
+
+
{{ product.name }}
++ {{ product.nameEn }} +
+ +{{ product.desc }}
+ +
+
+ {{ s }}
+
+
+
+
+
+
+
+ مشاهده جزئیات
+ مدلها / رنگها:
+
+
+ {{ v }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+ {{ product.code }}
+
+
+ {{ faNum(String(active + 1).padStart(2, "0")) }} / {{ faNum(String(images.length).padStart(2, "0")) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ product.code }}
+
+
+ {{ product.category.name }}
+
+
+ {{ product.groupName }}
+
+
+
+ + {{ product.name }} +
++ {{ product.nameEn }} +
+{{ product.desc }}
+ +
+
+ {{ s }}
+
+
+ -
+
- {{ f.label }} +
- {{ f.value }} +
- استانداردها و گواهیها +
- + + {{ s }} + + +
+
+
+
+
+
+
+
+ مدلها / رنگها
+
+
+ {{ v }}
+
+
+
+
+ سایزها
+
+
+ {{ s }}
+
+
+
+
+ درخواست قیمت و موجودی
+
+
+
+ -
+
-
+
+
+ + {{ t.title }} +
+
+
+
+
+
+
+
+
+
+
+
+ {{ p }}
+{{ product.category.fullDesc }}
+
+
+
+
+
+ + // + ویژگیهای کلیدی +
+-
+
-
+
+
+ + {{ f }} +
+
+
+
+
+
+
+ + // + کاربردها و محیطهای مناسب +
+
+
+ {{ a }}
+
+
+
+
+
+
+
+ مشاهده همه
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+ {{ r.code }}
+
+
+
+
+ {{ r.name }}
+{{ r.nameEn }}
+ + مشاهده محصول +
+
+
+
+
+
+
+
+
+
+ {{ faNum(active + 1) }} / {{ faNum(images.length) }} — {{ product.name }}
+
+
+
+
+ ![]()
+
+
+
+
+
+