Differeg

A directory only works if search engines can read it. The previous build was a client-rendered single-page app, which meant the content that mattered — brand descriptions, categories, reviews and ratings — arrived after JavaScript, in one language, on one URL.

It also had to be genuinely bilingual: Arabic is not a translation layer bolted onto an English site, it needs its own URLs, its own metadata, and a right-to-left layout that does not look like a mirrored afterthought.

We ported the app to the Next.js App Router with locale-prefixed routes (`/en/…`, `/ar/…`). `lang` and `dir` are baked into the static HTML response, with hreflang alternates for both locales plus `x-default`, and bilingual metadata on every route.

Reviews are read in a Server Component, so the review list and the aggregate rating ship inside the initial HTML. That is what makes the Product + AggregateRating + Review JSON-LD legitimate — the markup describes content a crawler can actually see.

Writes go through a Server Action rather than an API route: Zod validation, a Cloudflare Turnstile check, then an insert with the service-role key that never leaves the server. Row-level security allows public reads only.

Content lives in typed TypeScript modules behind accessor functions, which was a deliberate call — no CMS bill while the catalogue is small, and swapping one in later touches the data files, not the routes.