Atelier — موقع أعمال للمطورين والوكالات بـ Next.js مع دراسات حالة MDX
موقع أعمال يعرض حجّتك بدل أن يسرد شعارات عملائك. Next.js 15 مع App Router، ودراسات حالة مكتوبة بـ MDX، ومدونة، ونتائج Lighthouse مثالية، وصورة OG تُولَّد لكل صفحة تلقائياً.
موقع الأعمال مستند بيع
معظم مواقع أعمال المطورين شبكة لقطات شاشة. أما التي تحصل على ردود فتحكي قصة لكل مشروع: ماذا احتاج العميل، وماذا قررت أنت، وكم كلّفه ذلك، وكم عاد عليه. Atelier مبني حول تلك القصة، والكتابة تجري بصيغة MDX فتستطيع وضع رسم بياني أو مقطع شيفرة أو مقارنة قبل وبعد في منتصف فقرة.
ما فيه
- صفحة رئيسية بواجهة بارزة وأعمال مختارة وخدمات ودعوة واضحة للحديث
- صفحات دراسات حالة: المشكلة، والمقاربة، والبناء، والنتيجة، مع إبراز الأرقام
- فهرس أعمال بتصفية حسب الوسم والتقنية
- مدونة بزمن قراءة وتجميع بالسلاسل ووسوم وتغذية RSS
- صفحة تعريف بخط زمني ومصفوفة مهارات وسيرة ذاتية قابلة للتنزيل
- خدمات وأسعار، إن كنت تبيع أعمالاً مغلَّفة
- نموذج تواصل بحماية من الرسائل المزعجة وكتلة رابط حجز
- صفحة أدوات، وصفحة 404 تستحق الوصول إليها
✍️ الكتابة بـ MDX
ضع ملف .mdx في مجلد المحتوى فيظهر المسار ومدخل الفهرس وخريطة الموقع وعنصر RSS كلها. ومكوّنات جاهزة للاستخدام داخل منشوراتك: تنبيه، وصورة بتعليق، ومقارنة قبل/بعد بمزلاق، وتضمين فيديو، وكتلة شيفرة بتلوين ونسخ بضغطة، وصف أرقام، وبطاقة شهادة.
🚀 الأداء وتحسين محركات البحث
- توليد ثابت مع إعادة تحقق تدريجية؛ فتكون الصفحات HTML قبل أن يطلبها الزائر
- نتيجة Lighthouse 100 في الأداء وإتاحة الوصول وأفضل الممارسات وتحسين البحث
- صور Open Graph تُولَّد لكل صفحة على الحافة، فتبدو كل مشاركة مرتَّبة
- بيانات JSON-LD لـ Person وOrganization وArticle وBreadcrumbList
- خريطة الموقع وملف robots.txt يُولَّدان من المحتوى، ولا يُحرَّران يدوياً أبداً
🎨 التصميم
- سمتان داكنة وفاتحة بلا وميض عند أول رسم
- حركة عبر Framer Motion، مع احترام تفضيل تقليل الحركة في كل مكان
- مقياس خطوط ونظام تباعد يبقيان متسقين حين تضيف أقساماً
- متجاوب بالكامل، ومختبَر بلوحة المفاتيح وبقارئ الشاشة
التقنيات
- الإطار: Next.js 15، وApp Router، وReact 19
- اللغة: TypeScript بالوضع الصارم
- التنسيق: Tailwind CSS 4
- المحتوى: MDX عبر Contentlayer
- النشر: Vercel أو Netlify أو تصدير ثابت إلى أي استضافة
ما تحصل عليه
الشيفرة كاملة، ودراسات حالة ومنشورات نموذجية تعدّلها بدل أن تبدأ من فراغ، ودليل تحرير المحتوى، وتعليمات النشر للوجهات الثلاث.
لا توجد مراجعات بعد. كن أول من يراجع هذا المنتج!