الأساس لتطبيقات B2B الجادّة.
أساس Next.js + AWS. المصادقة والفوترة وi18n والبنية التحتية موصولة سلفًا.
Google Lighthouse
الأداء
إمكانية الوصول
أفضل الممارسات
تحسين محركات البحث
01 · موصول من اليوم الأول
ابدأ بعد الأجزاءالتي تبطّئك عادةً.
أسطح التطبيق
صفحات التسويق
app/(front-pages)أسطح تسويقية موجَّهة مع تبديل لغة.
صفحات الدخول والمصادقة
app/[lang]/loginتسجيل دخول، استعادة كلمة المرور، شاشات الحساب.
تخطيط لوحة التحكم
app/(dashboard)قطاع `(dashboard)` محمي حقيقي بـ sidebar.
قانوني وكوكيز
app/(legal)الشروط والخصوصية والكوكيز وsitemap وrobots.
المصادقة والوصول
تجمّعات Cognito
amplify/auth · Cognitoتسجيل دخول بريد + كلمة مرور معرَّف بالشيفرة.
مسارات محميّة
middleware.tsحدود مصادقة يفرضها middleware.
رسائل مصادقة مخصّصة
auth/customMessageقوالب التحقق والدعوة وإعادة التعيين.
مشغّلات بعد التأكيد
auth/postConfirmationLambda hook يعمل بعد التسجيل.
الفوترة
Checkout Stripe
functions/stripe-*جلسات، تغييرات خطّة، webhooks.
Checkout Paddle
functions/paddle-*السطح نفسه مع Merchant of Record فوقه.
أنظمة Webhook
functions/*-webhookاستقبال محايد للمزوّد.
طبقة الاستحقاقات
server/billing · entitlementsمصدر حقيقة واحد لما تمنحه كل خطّة.
خلفية AWS
Amplify Gen 2
amplify/backend.ts · Gen 2خلفية معرَّفة بـ TypeScript.
دوال Lambda
amplify/functions · LambdaHandlers للفوترة والبريد وتوجيه API.
DynamoDB
amplify/data · DynamoDBأنماط single-table، queries مكتوبة.
تخزين S3
amplify/storage · S3Buckets معرَّفة بالشيفرة.
بريد SES المعاملاتي
amplify/functions/email-* · SESقوالب، إرسال، إدارة ارتدادات.
i18n وSEO
Routing باللغة عبر الرابط
i18n/routingقطاعات `[lang]` مع مساعدي روابط مكتوبة.
3 لغات · EN/FR/AR
i18n/messages · EN/FR/ARالتسويق ولوحة التحكم والمصادقة مترجمة مع RTL.
بيانات JSON-LD
lib/seo · JSON-LDبيانات منظَّمة على مستوى الصفحة.
Sitemap وrobots
app/sitemap.xml · robots.txtمولَّدة عند البناء بمتغيرات لغات.
UI والثيم
نظام MUI v9
theme/ · MUI v9Theming قائم على tokens، طبقة surface مخصّصة.
مساعدات Tailwind
tailwind.configمساعدات تخطيط إلى جانب MUI.
وضع فاتح/داكن
theme/colorSchemesتبديل نظام الألوان مخزَّن بكوكيز.
صفحة theme showcase
theme-showcaseمسار `/theme-showcase` حيّ.
المستندات وسير عمل الذكاء الاصطناعي
مستندات إعداد مكتوبة
docs/أدلّة خطوة-بخطوة في `/docs`.
CLAUDE.md (قواعد البيت)
CLAUDE.mdكيفية توسيع الشيفرة بأمان.
.cursor/rules
.cursor/rulesقواعد سير عمل لوكلاء الذكاء الاصطناعي.
02 · شاهد ما ستشحنه
تفقّد الوحداتقبل الشراء.
المصادقة
تسجيل دخول Cognito. مسارات محميّة.
demo.cleanfra.me/login
03 · بنية المستودع
شكل المستودع جزءممّا تشتريه.
cleanframe-demo
Abbreviated tree · main branches shownsrc/├─ app/[lang]/ # App Router · per-locale routes│ ├─ (front-pages)/ # marketing · no auth in bundle│ ├─ (dashboard)/ # gated app surfaces│ └─ (legal)/ # policies, sitemap, robots├─ components/ # ui · features · layout├─ lib/ # billing · seo · email · cookies├─ server/ # auth · billing · entitlements├─ i18n/ # typed namespaces · en/fr/ar · RTL├─ configs/ # billing · theme · navigation└─ theme/ # MUI tokens · Tailwind utilities amplify/ # Cognito · data · functions (CDK)├─ auth/ # Cognito + triggers├─ data/ # DynamoDB + access patterns├─ functions/ # Lambdas: Stripe + Paddle + email└─ storage/ # S3 buckets docs/ # 8 written guidesCLAUDE.md # house rules for AI iteration.cursor/rules/ # workflow rules · always-applied
04 · أين يذهب الوقت
كفّ عن إعادة بناءالأساس نفسه.
ما كنت ستبنيهالجهد المعتادCleanFrame
تدفّقات المصادقة + دمج Cognito
1–2 أسبوع
1–2 أسبوع
موصول
فوترة Stripe + Paddle + webhooks
2–3 أسابيع
2–3 أسابيع
موصول
تهيئة AWS (Amplify + CDK)
1–2 أسبوع
1–2 أسبوع
موصول
الاستحقاقات + تغييرات الخطّة
≈ أسبوع
≈ أسبوع
موصول
i18n + RTL + metadata SEO
1–2 أسبوع
1–2 أسبوع
موصول
نظام الثيم + الوضع الداكن
≈ أسبوع
≈ أسبوع
موصول
البريد المعاملاتي (SES + قوالب + bounces)
3–5 أيام
3–5 أيام
موصول
أعراف الذكاء الاصطناعي + قواعد المستودع + مستندات
أيام قليلة
أيام قليلة
موصول
إعادة البناء المُتجنَّبة
≈ 8–12 أسبوعًا
ميزات من اليوم الأول
05 · الستاك
خيارات ثابتة لستاكيصمد مع الزمن.
Next.js 15
React 19
TypeScript
MUI v9
Tailwind
AWS Amplify Gen 2
Lambda
Cognito
DynamoDB
S3
SES
Stripe
Paddle
pnpm
ESLint
Prettier
0
مزوّدا فوترة · Stripe + Paddle
0
لغات · EN · FR · AR مع RTL
0
من التحديثات مُضمَّنة
98–100
نتيجة Lighthouse
الأسئلة الشائعة
أسئلةقبل الشراء.
إنه بويلربليت، لكنه مبنيّ لهدف مختلف. معظم القوالب تُحسّن العرض الأول؛ CleanFrame يُحسّن الميزة العاشرة — مجموعة أعراف واحدة وأنواع صارمة وتموضع موثّق، لتبقى الشيفرة قابلة للمراجعة كلما كبرت.
تلك خيارات قوية لإطلاق SaaS بسرعة، غالبًا حول stack محدّدة. يستهدف CleanFrame مشتريًا مختلفًا: المستقلون والاستوديوهات الذين يسلّمون تطبيقات B2B جادّة على Next.js + AWS، حيث تهمّ القابلية للصيانة عبر ميزات كثيرة أكثر من إطلاق في خمس دقائق. اختر ما يناسب طريقتك في التسليم فعلًا.
لا. قرارات AWS — Amplify Hosting وموارد CDK وCognito والتخزين المؤقت — مُتّخذة وموصولة سلفًا. تُسلّم عليها وتلتقط ما تحتاجه تدريجيًا. المعرفة الأعمق بـ AWS تساعد لاحقًا، لكنها ليست شرطًا للتسليم.
نعم. مزوّدو الفوترة خلف واجهة واحدة ومضبوطون عبر feature flags. شغّل Stripe وحده، أو Paddle وحده، أو كليهما، أو أزل الفوترة بالكامل — بقية التطبيق لا تعتمد على مزوّد بعينه.
مقعد واحد، الشيفرة المصدرية الكاملة، استخدام تجاري لمنتجاتك الخاصة، أعمال عملاء لمطوّر فردي، مشاريع شخصية غير محدودة، 12 شهرًا من التحديثات، دعم أساسي، ووصول مدى الحياة إلى النسخة المشتراة.
حتى خمسة مقاعد، الشيفرة المصدرية الكاملة، مشاريع عملاء غير محدودة، أعمال عملاء تجارية، حقوق إعادة الاستخدام عبر مشاريع العملاء، 12 شهرًا من التحديثات، دعم بأولوية، ووصول مدى الحياة إلى النسخة المشتراة.
رخصتك لا تنتهي. تحتفظ بوصول مدى الحياة إلى كل ما صدر خلال فترة تحديثاتك، ويستمر التطبيق بالعمل. بعد 12 شهرًا تتوقّف فقط عن تلقّي تحديثات جديدة — قد يُعرَض تجديد، لكن لا يُسحب منك شيء تملكه بالفعل.
لقطة موسومة من المستودع عند النسخة التي تشتريها، إضافةً إلى 12 شهرًا من التحديثات. تُؤكَّد تفاصيل التسليم النهائية عند الشراء؛ وخلال الوصول المبكر، يُحدَّد النطاق يدويًا عبر /contact.
نعم. Solo يغطّي أعمال العملاء لمطوّر واحد؛ وStudio يغطّي مشاريع عملاء غير محدودة عبر فريق، مع حقوق إعادة الاستخدام بين المشاريع. راجع مستويات الرخصة للشروط الدقيقة.
لأن هذا منتج شيفرة مصدرية، تكون المشتريات نهائية بمجرد منح الوصول إلى المستودع — لا ضمان استرداد شامل. قبل الشراء، تفقّد العرض الحي والـ walkthrough والمستندات وقائمة الميزات، واطرح أي سؤال قبل الشراء. قد تُراجَع الحالات الاستثنائية يدويًا وفق تقديرنا.
بناه
شخص يسلّمأعمال العملاء يوميًا.
أنا مهندس full-stack بنحو عشر سنوات في بناء تطبيقات B2B على Next.js وAWS — بوابات عملاء ولوحات تحكم وأدوات داخلية يجب أن تصمد في الإنتاج، لا في عرض توضيحي فقط.
أنشأت CleanFrame من أجل الجزء الذي يستهين به الجميع: الحفاظ على شيفرة نظيفة بينما تتراكم الميزات والمواعيد النهائية والتعديلات بمساعدة الذكاء الاصطناعي. إنها القاعدة التي أردتها في كل تسليم.
ابدأ تطبيق B2B التالي على أساس يدوم.
الشيفرة المصدرية الكاملة. الأعراف. مسار AWS. رخصة واحدة.
احصل على CleanFrame