ما هو القالب
موقع هبوط لمنتج برمجي، كُتب كمثال لمنتج تحليلات. هو تطبيق Next.js واحد، بلا قاعدة بيانات وبلا خادم خلفي، ولا يحتاج إلى أي إعداد قبل أول تشغيل.
فيه صفحة رئيسية تعرض معاينة حية للوحة التحكم في القسم الرئيسي، وصفحة أسعار، ومدونة، وصفحة تواصل، وصفحات تسجيل الدخول وإنشاء الحساب ونسيان كلمة المرور، وأربع صفحات قانونية، وصفحات الأخطاء.
نظرة على الموقع
التقنيات المستخدمة
| التقنية | دورها هنا |
|---|---|
| Next.js 16 (App Router) | إطار العمل، والصفحات، والبيانات الوصفية، وخادم الإنتاج |
| React 19 و TypeScript | كل المكونات وملفات المصدر |
| Tailwind CSS 4 | كل التنسيقات |
| next-intl | النصوص الإنجليزية والعربية، واللغة في كل عنوان |
| React Hook Form و Zod | النماذج والتحقق منها |
| Framer Motion و GSAP | الحركات |
| Recharts و dnd-kit و Embla | الرسوم البيانية في معاينة لوحة التحكم، وبطاقاتها القابلة للسحب، والعروض الدوّارة |
| Tabler Icons | الأيقونات |
كل اعتمادية مثبّتة على إصدار محدد في package.json، والملف yarn.lock مرفق، فيحصل تثبيتك على الإصدارات نفسها التي اختُبر بها القالب.
محتويات التنزيل
يُستخرج ملف ZIP إلى مجلد اسمه Nextjs-landing-page-template-2:
| المسار | ما هو |
|---|---|
src/ | التطبيق: الصفحات وأقسامها، والترويسة والتذييل، ومعاينة لوحة التحكم، وإعداد اللغات |
messages/ | كل نص ظاهر، بالإنجليزية والعربية |
public/ | الصور، وملفات خط Clash Display، وصورة المشاركة على الشبكات الاجتماعية |
Dockerfile, .dockerignore | ابنِ الموقع في صورة تقدّمه على المنفذ 3030 |
.env.example | الإعدادات الاختيارية، مع قيمها الافتراضية |
README.md | دليل الإعداد والتخصيص |
LICENSE.md | رخصتك التجارية |
package.json, yarn.lock, .yarnrc.yml | الاعتماديات وإعداد Yarn 4 |
أمور تحسن معرفتها قبل البناء عليه
- تتحقق النماذج مما يكتبه الزوار، لكنها لا ترسل شيئًا حتى تربطها بخدمتك الخاصة.
- الموقع داكن. يأتي بأربع سمات لونية، وتختار واحدة منها بسطر واحد.
- النصوص والأرقام والأشخاص والشعارات ومقالات المدونة كلها محتوى تجريبي لتستبدله. والصفحات القانونية نص تجريبي أيضًا.
يأتي الموقع بالإنجليزية والعربية. يبدأ كل عنوان باللغة، مثل /en/pricing أو /ar/pricing، وتُعرض الصفحات العربية من اليمين إلى اليسار.
على Windows، استخدم PowerShell أو Git Bash لتنفيذ الأوامر الواردة في هذه الأدلة.