# CrowdIght: صفحة إطلاق بـNext.js 16 مدقّقة مباشرةً بنتيجة 100 في كل فئات Lighthouse.

> صفحة هبوط معروضة ثابتاً بـNext.js 16 لمنصة أبحاث سوق ذاتية، ترتّب الطرح والدليل والتسعير والتكاملات وإجراء قائمة الانتظار في سرد واحد.

Source: https://www.truenorthmarketing.ae/ar/case-studies/crowdight-landing-page
Client: CrowdIght
Published: 2026-07-15
Disciplines: تطوير Next.js, تصميم صفحات الهبوط, الحركة والتفاعل, SEO وAEO التقني, الأداء
Publisher: True North Marketing (truenorthmarketing.ae)

## Challenge

تبيع CrowdIght شيئاً مجرداً: الوصول إلى رؤى السوق واختبار المنتجات. وهذا يخلق فشل صفحات الإطلاق الكلاسيكي، حيث يشرح الفريق المنهجية قبل أن يفهم الزائر أي قرار يساعده المنتج على اتخاذه فعلاً.

## Approach

بنت ترو نورث صفحة معروضة ثابتاً بـNext.js 16 ترتّب الطرح والدليل ونموذج الميزات والخدمات والتسعير والتكاملات والأسئلة الشائعة وإجراء قائمة الانتظار كسرد منتج واحد متصل، مع حركة تضبط إيقاع الحجّة لا تزيّنها، فوق طبقة اكتشاف JSON-LD وllms.txt مبنية يدوياً.

## Outcome

بتدقيق مباشر في 23 يوليو 2026، تعيد الصفحة تمريرة Lighthouse مثالية: 100 في سهولة الوصول و100 في أفضل الممارسات و100 في SEO و100 في التصفّح الوكيلي بصفر فحوص فاشلة، معروضة مسبقاً من حافة Vercel بإزاحة تخطيط صفرية.

## What We Did

تصميم وبناء صفحة هبوط بـNext.js 16، وتصميم الحركة والتفاعل، وسرد منتج قسماً بقسم، وطبقة كيانات JSON-LD (Organization وWebSite وWebPage وFAQPage)، وأسس SEO/AEO التقنية (البيانات الوصفية والروابط القانونية ومعاينات التواصل وخريطة الموقع وrobots وllms.txt).

## Full article

![واجهة صفحة هبوط CrowdIght](../images/case-crowdight-cover.jpg)

**العميل:** CrowdIght، منصة أبحاث سوق واختبار منتجات ذاتية. **المشتري:** فرق المنتج والعلامة والرؤى التي تحتاج أجوبة دون تكليف وكالة أبحاث كاملة. **النطاق:** تصميم وبناء صفحة الإطلاق العامة، مع أسس SEO والبيانات المنظمة والأداء.

تبيع CrowdIght شيئاً لا يمكن تصويره. المنتج هو الثقة في قرار، ولهذا بالضبط تفتتح معظم منصات الأبحاث بشرح منهجيتها فتفقد القارئ قبل أن تصل القيمة. كان الموجز أن تُحاجج الصفحة، بالترتيب، وأن تكون سريعة بما يكفي كي لا تنقطع الحجّة أبداً.

> **دليل مقاس:** بتدقيق مباشر في 23 يوليو 2026، تعيد صفحة الإنتاج 100 في سهولة الوصول و100 في أفضل الممارسات و100 في SEO و100 في التصفّح الوكيلي على Lighthouse، بـ**صفر فحوص فاشلة** من 56 فحصاً. وهي معروضة مسبقاً من حافة Vercel بزمن أول بايت 5 مللي ثانية وإزاحة تخطيط تراكمية 0.00.

  
  
  
  
  
  

## صفحة واحدة تُحاجج بالترتيب

بُنيت الصفحة كحجّة واحدة متصلة لا كقائمة ميزات. تذكر الواجهة الفئة والوعد، مع كلمة متحركة واحدة تحمل ادعاء القيمة فيُقرأ العنوان كجملة لا كشعار. وتحتها يجلس التقاط قائمة الانتظار مباشرةً، لأن للصفحة مهمة واحدة بالضبط.

من هناك التسلسل مقصود: ماذا يفعل المنتج، والدليل على نجاحه، ونموذج الميزات، والخدمات حوله، والتسعير، والأدوات التي يتصل بها، والاعتراضات في صيغة أسئلة شائعة، ثم قائمة الانتظار مجدداً. يجيب كل قسم عن السؤال الذي يطرحه القسم السابق. تضبط الحركة إيقاع تلك القراءة بدل أن تستعرض، فتتحرك الصفحة دون أن تتحول إلى عرض ترويجي.

## معروضة ثابتاً، ويظهر ذلك

الصفحة Next.js 16 على React 19، معروضة مسبقاً بشكل ثابت ومقدَّمة من حافة Vercel. تحمل الاستجابة `X-Nextjs-Prerender: 1`، وقيس زمن أول بايت عند **5 مللي ثانية**، وإزاحة التخطيط صفر مسطّح، فلا شيء يعيد التموضع تحت القارئ وهو يقرر.

نظام الطباعة مهندَس لا مفترَض. السلّم الكامل معلَن كرموز سمة صريحة مع قائمة أمان مضمّنة بالمصدر فتصدُر كل الأحجام بموثوقية بدل الاعتماد على تشذيب البناء، وتُحمَّل DM Sans عبر `next/font` باحتياطي مطابق، فلا وميض ولا إزاحة عند تبديلها.

## مبنية لتُقرأ من الآلات كما من البشر

على صفحة الإطلاق أن تكون مقروءة لمحركات البحث ومساعدي الذكاء الاصطناعي من اليوم الأول، لأنها بلا تاريخ نطاق تتكئ عليه. تشحن هذه طبقة JSON-LD مبنية يدوياً تصف المنتج ككيانات مترابطة: `Organization` و`WebSite` و`WebPage` نفسها، و`FAQPage` كاملة تحمل أزواج الأسئلة والأجوبة العشرة. كما تنشر `robots.txt` و`sitemap.xml` و`llms.txt`، فتحصل الزواحف ونماذج اللغة على خريطة نظيفة.

هذا العمل هو سبب اجتياز تدقيق التصفّح الوكيلي كل فحص: يستطيع مساعد ذكاء اصطناعي قراءة ما هي CrowdIght وماذا تفعل وكم تكلّف دون تنفيذ الصفحة.

## ما يقوله التدقيق

بإعادة تدقيق مباشر في 23 يوليو 2026، تعيد الصفحة 100 نظيفة في سهولة الوصول وأفضل الممارسات وSEO والتصفّح الوكيلي، بـ**صفر إخفاقات عبر 56 فحصاً**. البناء أخضر وTypeScript نظيف.

ونُبقي حدّاً صادقاً واحداً في الرؤية. لأن الواجهة تدوّر كلمة داخل العنوان، يعيد أكبر عنصر رسمه بعد ثوانٍ من التحميل، ما يدفع قياس أكبر عنصر محتوى مرئي إلى وقت متأخر عمّا تبدو عليه الصفحة فعلاً للقارئ. هذه تفصيلة طباعة لا مشكلة بنيوية، وهي البند التالي على القائمة. نفضّل نشر ذلك على رقم مُقرَّب.

النقطة الأوسع أن صفحة الإطلاق ليست كتيّباً. إنها أول ما يقابله السوق، فعليها أن تُحمَّل فوراً، وتُحاجج بالترتيب، وتكون مقروءة للآلات التي صارت تجلس بين المنتج ومشتريه. إن كنت تأخذ شيئاً جديداً إلى السوق، [اطّلع على خدمات التطوير وSEO لدينا](/ar/services) أو [أحضِر لنا الإطلاق وسنحدّد نطاقه](/ar/contact).