الهدف
بعد هالدرس تقدر تبني marketing site كامل مع blog بـ MDX، تكتب مقالات SEO-optimized تجيب traffic مجاني، وتقيس نتائجها في PostHog — كل شي داخل نفس Next.js codebase.
ليش هذا الحين؟
Error tracking جاهز — التطبيق محمي. الحين نبدأ نجيب المستخدمين. ترى paid ads توقف لما توقف تدفع. المحتوى يشتغل لسنوات. مقال واحد عن "كيف تبني عادة صحية" يجيب traffic كل يوم بدون ما تدفع شي. هذا مو تسويق، هذا استثمار.
الفكرة
Marketing site مقارنة بالـ App:
yourapp.com/ → landing page (تبيع)
yourapp.com/pricing → pricing (تحوّل)
yourapp.com/blog/ → blog (تجيب traffic)
yourapp.com/dashboard → the app (يعطي القيمة)
الـ marketing site والـ app في نفس Next.js project — هذا أفضل لأن:
- نفس domain = SEO juice يستفيد منه التطبيق
- ما تحتاج تدير deploy منفصل
- المستخدم ينتقل من المقال للـ dashboard بسهولة
MDX:
Markdown + JSX. تكتب مقالات بـ Markdown عادية، وتقدر تضمّن React components. مثالي للـ blog لأن:
- سهل تكتب بدون CMS
- يدعم syntax highlighting للكود
- ينخزن في git مع باقي الكود
SEO للمحتوى:
Keyword research → Write targeted post → Optimize metadata → Submit sitemap → Wait 3-6 months
الـ SEO صبر. مقال واحد عادة يأخذ 3-6 أشهر يوصل للـ page 1.