{matchedCity?.slogan}

``` ```jsx // components/home/index.js

``` ### الگوی متنِ یکتا که از قبل هست و باید تقلید شود ```js // lib/specialtyContent.js:57 export function buildSpecialtyIntro(specialtyName, cityName, doctorCount = 0) { const seed = hash(specialtyName, cityName); return [ pick(openingVariants(specialtyName, cityName), seed), pick(bodyVariants(specialtyName, cityName, doctorCount), seed >>> 3), pick(closingVariants(specialtyName, cityName), seed >>> 7), ].join(" "); } ``` ## وظایف ### ۱. کارت بدون `uuid` نباید لینک باشد در `app/component/ItemDoctor.js` هر دو `Link` مشروط شوند. وقتی `uuid` نیست — اسکلت بارگذاری، یا رکورد ناقص — همان محتوا بدون `` رندر شود. ```jsx const href = doctor?.uuid ? `/doctor/${doctor.uuid}` : null; ``` - عنوان: اگر `href` تهی بود، `

` بدون `Link`. - دکمهٔ فلش: اگر `href` تهی بود، دکمه رندر نشود (در اسکلت هم معنایی ندارد). `?.` را از `doctor?.uuid` داخل رشتهٔ الگو حذف کن؛ همان بود که `undefined` را به URL می‌برد. **نحوه تست:** تست کامپوننتی در `app/component/ItemDoctor.test.js` — پزشک با `uuid` دو لینک به `/doctor/` دارد؛ آبجکت `{ id: 0 }` هیچ `role="link"` ندارد و رشتهٔ `undefined` در `container.innerHTML` نیست. سپس build و بررسی HTML واقعی: ```bash NODE_TLS_REJECT_UNAUTHORIZED=0 npm run build npm run start & curl -s http://localhost:3000/doctors | grep -c 'doctor/undefined' # باید 0 باشد ``` ### ۲. بخش شهرمحور صفحهٔ اصلی کامپوننت تازه `components/home/CityHighlights.js` — سرور-کامپوننت، زیر `FrequentSearches`. داده از `GET /api/v1/specialties/doctor-counts?city_id=` می‌آید که از قبل هست و `services/response.js` هم wrapper دارد (`getSpecialtyDoctorCounts`). برای صفحهٔ اصلی server-side است، پس با `lib/req.js` → `fetchReq` بگیر، نه با کلاینت axios. محتوا: - یک پاراگراف یکتا با همان الگوی `buildSpecialtyIntro`: تابع تازه‌ای کنارش در `lib/specialtyContent.js` به نام `buildCityIntro(cityName, doctorCount, topSpecialties)` بنویس. **الگو Variant-pick با hash است، نه متن ثابت** — دلیلش همان دلیل تابع موجود: متنِ یکسان روی ۳۰ دامنه دوباره همان duplicate را می‌سازد؛ seed از نام شهر می‌آید تا هر شهر واگرا شود و خروجی هم پایدار بماند. - شمار واقعی: «N پزشک در M تخصص در <شهر>». - شش تا هشت تخصصِ پرپزشکِ **همان شهر** با شمارشان، لینک به `/specialties/`. این جای `FrequentSearches` را نمی‌گیرد؛ آن فهرست ثابت است و این یکی شهرمحور. روی دامنهٔ ریشه (`isRootCity`) کل بخش رندر نشود — آنجا شهری وجود ندارد. ```jsx const { matchedCity, isRoot } = await getStateInfo(); if (isRoot || !matchedCity?.id) return null; const counts = await safeCounts(matchedCity.id); // خطا → آرایهٔ خالی if (counts.length === 0) return null; // شهر بدون پزشک → بخش حذف ``` خطا را همین‌جا ببلع و `null` برگردان. صفحهٔ اصلی مهم‌ترین صفحهٔ سایت است و نباید با قطعی API سفید شود؛ این همان مرز واقعی error handling است که پروژه می‌پذیرد. **نحوه تست:** - unit test برای `buildCityIntro` در `lib/specialtyContent.test.js`: دو شهر متفاوت متن متفاوت بدهند؛ یک شهر در دو فراخوانی متن یکسان بدهد (پایداری)؛ `doctorCount` صفر جمله را نشکند. - تست کامپوننتی `components/home/CityHighlights.test.js` با mock روی `getStateInfo` و `fetchReq`: دامنهٔ شهری بخش را می‌سازد؛ دامنهٔ ریشه `null`؛ خطای شبکه `null`؛ فهرست خالی `null`. - سنجهٔ عینیِ معیار پذیرش، بعد از deploy: ```bash a=$(curl -s https://behbahan-nobat.ir/ | sed 's/<[^>]*>/ /g' | tr -s ' \n' ' ') b=$(curl -s https://yasuj-nobat.ir/ | sed 's/<[^>]*>/ /g' | tr -s ' \n' ' ') python3 -c " import sys, difflib print('%.1f%%' % (difflib.SequenceMatcher(None, sys.argv[1], sys.argv[2]).ratio()*100)) " "$a" "$b" ``` پیش از تغییر ۹۹٫۰٪ بود؛ باید زیر ۸۵٪ برود. ### ۳. `generateMetadata` صفحهٔ اصلی `app/page.js` الان `generateMetadata` ندارد و از layout ارث می‌برد. توضیحات متا هم باید شهرمحور باشد، وگرنه snippet هر ۳۰ دامنه یکی است. `description` را از همان `buildCityIntro` بساز (کوتاه‌شده)، و `alternates.canonical` را دست نزن — لایهٔ layout با `getCanonicalUrl` درستش می‌کند و صفحهٔ اصلی C1-a است. **نحوه تست:** `curl -s https://-nobat.ir/ | grep -oE '