أفضل قوالب SaaS بـ Next.js وحزم البداية (starter kits) لعام 2026

يقارن هذا الدليل أفضل قوالب SaaS بـ Next.js وحزم البداية (starter kits) لعام 2026. وهو موجّه إلى المؤسسين والمستقلين وفرق المنتجات الذين يحتاجون إلى واحد من ثلاثة أشياء: موقع تسويقي لمنتج برمجي، أو أساس تطبيق كامل مع تسجيل الدخول والفوترة بالاشتراك، أو لوحة إدارة لتشغيل المنتج. ويتناول ثلاثة قوالب من Aniq UI وسبعة بدائل معروفة، مع ما يتضمنه كل منها وسعره ونقاط ضعفه.

تم التحقق من كل ما ورد هنا في أكتوبر 2026. وحين تذكر صفحة رسمية أو مستودع إصدار Next.js، نذكره في فقرة المنتج، وستة من الخيارات العشرة تعمل على Next.js 16. وكل معلومة عن منتج آخر مصدرها موقعه أو توثيقه أو مستودعه على GitHub، وهي مدرجة في المصادر في نهاية المقال.

القالب	النوع	الأنسب لـ	التقنيات	المصادقة والفوترة	السعر
قالب SaaS بـ Next.js من Aniq UI	صفحة هبوط	موقع SaaS متعدد الصفحات بالإنجليزية والعربية (RTL)	Next.js 16، React 19، Tailwind CSS 4، next-intl	صفحات تسجيل الدخول وإنشاء الحساب؛ بلا واجهة خلفية ولا فوترة	من $79
قالب صفحة هبوط SaaS من Aniq UI	صفحة هبوط	موقع SaaS مجاني من صفحة واحدة مع الأسعار	Next.js 15، React 19، Tailwind CSS 4	لا يوجد (قسم الأسعار فقط)	مجاني
لوحة تحكم مع مساعد ذكاء اصطناعي من Aniq UI	لوحة إدارة	المستخدمون والأدوار والمشاريع ومساعد ذكاء اصطناعي	Next.js 16، Tailwind CSS 4، واجهة API اختيارية بـ NestJS	مصادقة JWT وRBAC في الـ API؛ بلا فوترة	من $99
Next.js SaaS Starter	Starter kit	حزمة بداية مجانية وبسيطة مع Stripe	Next.js 15 canary، Postgres، Drizzle، shadcn/ui	البريد الإلكتروني وكلمة المرور؛ اشتراكات Stripe	مجاني
ShipFast	Starter kit	المؤسسون الذين يعملون وحدهم ويريدون الإطلاق بسرعة	Next.js، MongoDB أو Supabase	Google OAuth والروابط السحرية؛ Stripe أو Lemon Squeezy	من $199 (أكتوبر 2026)
Makerkit	Starter kit	منتجات SaaS للشركات (B2B) مع الفرق	Next.js 16، Supabase أو Drizzle أو Prisma	Supabase Auth أو Better Auth؛ Stripe	من $299 (أكتوبر 2026)
supastarter	Starter kit	مزودو دفع متعددون ودعم i18n	Next.js، Prisma أو Drizzle، Hono	better-auth؛ Stripe، Lemon Squeezy، Polar، Creem، Dodo	من $349 (أكتوبر 2026)
ixartz SaaS Boilerplate	Starter kit	boilerplate مجاني متعدد المستأجرين	Next.js 16، Drizzle، Shadcn UI	Clerk؛ Stripe في النسخ المدفوعة	نسخة مجانية ونسخ مدفوعة
shadcnblocks Plasma	صفحة هبوط	موقع SaaS للمطورين مع التوثيق وسجل التغييرات	Next.js 16 أو Astro، Tailwind CSS 4، shadcn/ui	لا يوجد (موقع تسويقي)	من $79 (أكتوبر 2026)
Cruip Open PRO	صفحة هبوط	موقع SaaS متعدد الصفحات بتكلفة منخفضة	Next.js 16، Tailwind CSS v4	لا يوجد (موقع تسويقي)	من $49 (أكتوبر 2026)

أي نوع من قوالب SaaS تحتاج؟

ابحث عن «قالب SaaS بـ Next.js» وستجد ثلاثة منتجات مختلفة تحت اسم واحد. اختر النوع أولًا، ثم قارن بين الخيارات داخل هذا النوع.

• قالب صفحة هبوط SaaS: الموقع التسويقي العام. قسم رئيسي (hero)، والميزات، وجدول الأسعار، والأسئلة الشائعة، وأحيانًا مدونة. لا توجد واجهة خلفية ولا منطق للفوترة؛ وبعض القوالب تتضمن تصاميم لصفحات تسجيل الدخول وإنشاء الحساب تربطها أنت بنظام المصادقة الخاص بك. اشترِه عندما يكون تطبيقك موجودًا بالفعل، أو عندما تريد أن يبقى الموقع التسويقي منفصلًا عن التطبيق. في هذه القائمة: قالب SaaS من Aniq UI، وصفحة هبوط SaaS المجانية من Aniq UI، وshadcnblocks Plasma، وCruip Open PRO.
• حزمة بداية SaaS (starter kit أو boilerplate): أساس تطبيق يعمل، فيه إنشاء الحساب وتسجيل الدخول والفوترة بالاشتراك، وغالبًا الفرق أو المؤسسات، إضافة إلى صفحة تسويقية بسيطة. اشترِها عندما تبدأ بناء المنتج نفسه. في هذه القائمة: Next.js SaaS Starter، وShipFast، وMakerkit، وsupastarter، وSaaS Boilerplate من ixartz.
• لوحة إدارة SaaS: اللوحة التي يستخدمها فريقك لإدارة المستخدمين والأدوار والصلاحيات والبيانات. في هذه القائمة: لوحة التحكم مع مساعد الذكاء الاصطناعي من Aniq UI.

تحتاج منتجات كثيرة إلى نوعين من هذه الأنواع. ومن الإعدادات الشائعة قالب صفحة هبوط متقن على النطاق الرئيسي، وstarter kit أو لوحة تحكم على نطاق فرعي للتطبيق. يغطي Aniq UI صفحة الهبوط ولوحة الإدارة، لكنه لا يبيع starter kit لفوترة اشتراكات SaaS. لذا إذا كنت تحتاج إلى اشتراكات Stripe تعمل من اليوم الأول، فابدأ بإحدى حزم البداية أدناه وأضف فوقها قالب صفحة هبوط.

أفضل قوالب SaaS بـ Next.js وحزم البداية في 2026

1. قالب SaaS بـ Next.js من Aniq UI

الأنسب لـ: موقع تسويقي داكن ومتعدد الصفحات لمنتج برمجي بالإنجليزية والعربية، حين يكون تطبيقك ونظام الفوترة في مكان آخر.

قالب صفحة هبوط SaaS بـ Next.js من Aniq UI موقع تسويقي مميز لشركات البرمجيات والشركات الناشئة وخدمات الاشتراك. بُني باستخدام Next.js 16 وReact 19 وTypeScript وTailwind CSS 4 وFramer Motion 12، ويعتمد تصميمًا داكنًا، ومهيأ لمحركات البحث (SEO) وللتحميل السريع. يجمع القسم الرئيسي بين عنوانك وأزرار الدعوة إلى الإجراء ومعاينة للوحة تحليلات، وهذا يناسب المنتجات التي تريد عرض التطبيق من أول نظرة.

إنه موقع تسويقي كامل، لا صفحة واحدة. تذكر صفحة المنتج صفحات الرئيسية والأسعار والمدونة والتواصل، وصفحات تسجيل الدخول وإنشاء الحساب واستعادة كلمة المرور، والصفحات القانونية وصفحات الأخطاء. تتضمن المدونة البحث والتصنيفات والتقسيم إلى صفحات، وتوجد مقالاتها داخل الكود في ملف بيانات محدد الأنواع (typed) مع ملفات رسائل بالإنجليزية والعربية، فلا يوجد نظام إدارة محتوى (CMS) يحتاج إلى إعداد. وتعمل الترجمات عبر next-intl بالإنجليزية والعربية، بما في ذلك التخطيط من اليمين إلى اليسار. ومن الناحية البصرية يستخدم رسومًا متحركة بـ GSAP، وجسيمات WebGL، ونماذج للوحات التحكم، وأرقامًا متحركة، وخريطة للعالم، ورسومًا بيانية بـ Recharts، وتعتمد النماذج على React Hook Form مع التحقق عبر Zod.

• صفحات الرئيسية والأسعار والمدونة والتواصل والمصادقة، والصفحات القانونية وصفحات الأخطاء
• مدونة مدمجة مع البحث والتصنيفات والتقسيم إلى صفحات
• الإنجليزية والعربية (RTL) عبر next-intl
• Next.js 16 وReact 19 وTypeScript وTailwind CSS 4
• نماذج للوحات التحكم، وبطاقات أسعار، ورسوم بيانية بـ Recharts، ومؤثرات GSAP وFramer Motion 12 وWebGL
• ترخيص تجاري لعدد غير محدود من المشاريع، بما فيها مشاريع العملاء، مع دعم مدى الحياة

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، next-intl، Framer Motion 12، GSAP، Recharts، React Hook Form، Zod.

السعر: من $79.

للعلم: تذكر صفحة المنتج صفحات تسجيل الدخول وإنشاء الحساب، لكنها لا تذكر واجهة خلفية ولا مزود مصادقة ولا قاعدة بيانات ولا مزود دفع. اربط هذه الصفحات بنظام المصادقة الخاص بك، أو بإحدى حزم البداية في هذه القائمة، ووجّه أزرار الأسعار إلى صفحة الدفع لديك. تُحرَّر مقالات المدونة داخل الكود لا في نظام إدارة محتوى، لذا فإن نشر مقال جديد يعني نشر نسخة جديدة من الموقع. وإذا أردت تصميمًا ثانيًا للمقارنة، فإن قالب صفحة الهبوط Publino بـ Next.js من Aniq UI يعمل أيضًا على Next.js 16 بالإنجليزية والعربية (RTL)، ويدعم الوضعين الداكن والفاتح، ويعرض في قسمه الرئيسي معاينة للوحة عمليات النشر، وبالسعر نفسه.

2. قالب صفحة هبوط SaaS من Aniq UI (مجاني)

الأنسب لـ: موقع SaaS مجاني من صفحة واحدة بترخيص MIT، مع جدول أسعار.

قالب صفحة هبوط SaaS المجاني مع الأسعار من Aniq UI نقطة انطلاق مفتوحة المصدر لصفحة تسويقية لمنتج SaaS. يتكون من أربعة أقسام: قسم رئيسي، وعرض للميزات، وجدول أسعار، ونموذج تواصل. ويعرض تصميمه الداكن لوحة تحكم في القسم الرئيسي، مثل القالب المدفوع أعلاه.

بُني باستخدام Next.js 15 وReact 19 وTypeScript وTailwind CSS 4، ويأتي بترخيص MIT مع الكود المصدري كاملًا، مجانًا للمشاريع الشخصية والتجارية. ويناسب صفحة إطلاق منتج، أو موقعًا تسويقيًا لتطبيق سحابي أو تطبيق ويب، أو النسخة الأولى من موقع تخطط لتوسيعه لاحقًا.

• مجاني، بترخيص MIT، مع الكود المصدري كاملًا
• قسم رئيسي، وميزات، وجدول أسعار، ونموذج تواصل
• Next.js 15 وReact 19 وTailwind CSS 4 وTypeScript
• تصميم متجاوب مع جميع الشاشات
• مظهر داكن مع معاينة للوحة تحكم

التقنيات: Next.js 15، React 19، TypeScript، Tailwind CSS 4.

السعر: مجاني.

للعلم: يعمل على Next.js 15 لا 16، وهو واجهة أمامية فقط. لا تذكر صفحة المنتج أي واجهة خلفية، لذا اربط أزرار الأسعار بصفحة الدفع الخاصة بك، ونموذج التواصل بخدمة البريد أو النماذج التي تستخدمها. ولمزيد من الخيارات المجانية، اطّلع على مجموعتنا من قوالب صفحات الهبوط المجانية.

3. لوحة تحكم مع مساعد ذكاء اصطناعي من Aniq UI

الأنسب لـ: الجانب الإداري لمنتج SaaS: المستخدمون والمشرفون والأدوار والمشاريع ومساعد ذكاء اصطناعي، مع واجهة API اختيارية بـ NestJS.

قالب لوحة تحكم إدارية بـ Next.js مع مساعد ذكاء اصطناعي هو لوحة إدارة كاملة مبنية باستخدام Next.js 16 وReact 19 وTailwind CSS 4 وTanStack Query وFramer Motion. ويذكر Aniq UI من استخداماتها منصات SaaS وأنظمة CRM وإدارة المشاريع وأدوات التعاون بين الفرق والأدوات الداخلية. تضم النظرة العامة بطاقات مؤشرات الأداء (KPI)، ومهامّ سريعة، وتقويمًا، وتحليلات للإيرادات، وجدولًا بأحدث المشاريع، ورسومًا بيانية للأداء. وخلفها شاشات للمستخدمين والمشرفين والأدوار والصلاحيات، وللمشاريع ومهامها.

يُباع بثلاث صيغ. حزمة Admin Dashboard هي الواجهة الأمامية بـ Next.js، وتعمل على بيانات تجريبية مرفقة دون الحاجة إلى الـ API. وحزمة Backend API هي واجهة API مبنية بـ NestJS مع TypeORM على SQLite أو MySQL، ومصادقة JWT مع الأدوار والصلاحيات، وتحديث فوري للصلاحيات عبر WebSocket، وصورة Docker مع أداة لتعبئة البيانات (seeder) تعمل بأمر واحد. أما حزمة Full Stack فتضم الاثنتين معًا.

• مساعد ذكاء اصطناعي يجيب ببطاقات ورسوم بيانية وجداول وأسئلة متابعة، ويعمل مع Gemini أو OpenAI أو DeepSeek مستعينًا بأدوات MCP
• تحكم في الوصول قائم على الأدوار، مع أدوار وصلاحيات للمشرفين
• الإنجليزية والعربية مع RTL، إضافة إلى مظهرين فاتح وداكن
• صفحة لمكتبة واجهات تضم 49 مكوّنًا مع أمثلة كود قابلة للنسخ
• واجهة خلفية اختيارية بـ NestJS مع صورة Docker
• App Router في Next.js 16

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، TanStack Query، Redux Toolkit، next-intl، Framer Motion؛ NestJS، TypeORM، MySQL أو SQLite، JWT، WebSocket.

السعر: من $99 للواجهة الأمامية أو الـ API وحدها؛ و$149 للحزمة الكاملة (Full Stack).

للعلم: لا يتضمن فوترة بالاشتراك ولا صفحة دفع للعملاء. فهو يدير مستخدميك وفريقك، لذا اجمعه مع starter kit أو مع نظام الفوترة الخاص بك إذا كان العملاء يدفعون داخل التطبيق. ويحتاج تسجيل الدخول والأدوار والبيانات الحية إلى واجهة NestJS API، المتوفرة في حزمة Backend API أو Full Stack. ولمزيد من الخيارات في هذه الفئة، اطّلع على أفضل 10 قوالب لوحة تحكم إدارية بـ Next.js.

4. Next.js SaaS Starter

الأنسب لـ: حزمة بداية مجانية وبسيطة مع اشتراكات Stripe والفرق وPostgres.

Next.js SaaS Starter هو starter kit مجاني بترخيص MIT ضمن منظمة nextjs على GitHub. ويصفه ملف README بأنه نقطة انطلاق لتطبيق SaaS مع المصادقة ومدفوعات Stripe ولوحة تحكم للمستخدمين المسجلين، ويقول إنه بسيط عن قصد، وإنه صُمّم للتعلم منه بقدر ما صُمّم للبناء عليه.

يتضمن صفحة تسويقية مع طرفية متحركة، وصفحة أسعار مرتبطة بـ Stripe Checkout، وإدارة الاشتراكات عبر Stripe Customer Portal، وإدارة الفرق بدوري Owner وMember، وسجلًا لنشاط المستخدمين. وتُخزَّن البيانات في Postgres عبر Drizzle ORM، وتستخدم الواجهة shadcn/ui. للمستودع نحو 16.2 ألف نجمة على GitHub (أكتوبر 2026)، ويوجد عرض تجريبي عام على Vercel.

• Stripe Checkout وStripe Customer Portal لإدارة الاشتراكات
• مصادقة بالبريد الإلكتروني وكلمة المرور مع رموز JWT محفوظة في ملفات تعريف الارتباط (cookies)
• فرق بدوري Owner وMember
• Postgres مع Drizzle ORM
• مكونات shadcn/ui وتحقق عبر Zod في Server Actions
• مجاني بترخيص MIT

التقنيات: Next.js 15 (إصدار canary)، React 19، Tailwind CSS 4، Postgres، Drizzle، Stripe، shadcn/ui.

السعر: مجاني.

للعلم: يثبّت ملف package.json فيه إصدار canary من Next.js 15 (أكتوبر 2026)، لذا خصّص وقتًا للانتقال إلى Next.js 16. صفحة الهبوط فيه بسيطة، وكثير من الفرق تضع أمامها قالبًا تسويقيًا منفصلًا. وإذا أردت أساسًا مجانيًا أكبر من Vercel، فإن next-forge مستودع موحّد (monorepo) مبني على Turborepo لتطبيقات SaaS، مع مصادقة Clerk وPrisma وStripe ورسائل بريد عبر Resend وتطبيق للتوثيق وStorybook.

5. ShipFast

الأنسب لـ: مؤسس يعمل وحده ويريد تسجيل الدخول والمدفوعات ورسائل البريد وصفحة هبوط جاهزة ومترابطة في عملية شراء واحدة.

ShipFast هو boilerplate مدفوع لـ Next.js مخصص لمنتجات SaaS وأدوات الذكاء الاصطناعي وتطبيقات الويب الأخرى. وتذكر صفحته الرسمية تسجيل الدخول عبر Google OAuth والروابط السحرية (magic links)، والمدفوعات عبر Stripe أو Lemon Squeezy، وقاعدة بيانات MongoDB أو Supabase، ورسائل بريد المعاملات عبر Mailgun أو Resend، ووسوم SEO، ومدونة، ومكونات لصفحة الهبوط مثل قسم الأسعار والأزرار والنوافذ المنبثقة.

وتقول صفحة الأسئلة الشائعة إنك تختار JavaScript أو TypeScript، وApp Router أو Pages Router، بعد الشراء. وكل الخطط تُدفع مرة واحدة وتشمل عددًا غير محدود من المشاريع مع تحديثات مدى الحياة، وينضم المشترون إلى مجتمع على Discord.

• مدفوعات Stripe أو Lemon Squeezy
• تسجيل الدخول عبر Google OAuth والروابط السحرية
• MongoDB أو Supabase
• رسائل بريد المعاملات مع إرشادات لإعداد DNS (DKIM وDMARC وSPF)
• مدونة ووسوم SEO ومكونات ورسوم متحركة
• JavaScript أو TypeScript، وApp Router أو Pages Router

التقنيات: Next.js، Tailwind CSS، NextAuth، MongoDB أو Supabase، Stripe أو Lemon Squeezy، Mailgun أو Resend.

السعر: من $199 (أكتوبر 2026)، وتعرضه الصفحة الرسمية على أنه سعر مخفّض من $299.

للعلم: لا تذكر الصفحة الرسمية إصدار Next.js، لذا تحقق من الحزمة الحالية. ولا تذكر الصفحة الفرق أو المؤسسات، فإذا كنت تبيع لشركات تحتاج إلى عدة مقاعد في الحساب الواحد، فقارنه بـ Makerkit أو supastarter.

6. Makerkit

الأنسب لـ: منتجات SaaS للشركات (B2B) مع حسابات الفرق والأدوار ولوحة إدارة عليا، على Supabase أو Drizzle أو Prisma.

يقدّم Makerkit نفسه على أنه starter kit لمنتجات SaaS بـ Next.js وboilerplate متعدد المستأجرين للمطورين الذين يبنون منتجات B2B. تختار واحدة من ثلاث حزم: Supabase (مع Supabase Auth وPostgres وStorage وRow Level Security)، أو Drizzle مع Better Auth، أو Prisma 7 مع Better Auth. والحزم الثلاث تدعم Next.js 16 وTanStack Start، وتدعم حزمة Supabase أيضًا React Router 8.

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

• حسابات شخصية وحسابات فرق مع دعوات وأدوار مخصصة
• فوترة Stripe: حسب المقعد، وحسب الاستخدام، وبسعر ثابت، وبدفعة واحدة
• إدارة عليا للمستخدمين والمؤسسات والاشتراكات
• تسجيل الدخول بكلمة المرور والرابط السحري ومفتاح المرور (passkey) والحسابات الاجتماعية، مع مصادقة متعددة العوامل عبر TOTP
• مدونة وتوثيق وسجل تغييرات
• نسخة Lite مجانية بترخيص MIT للمشاريع مفتوحة المصدر

التقنيات: Next.js 16، Supabase أو Drizzle أو Prisma، Supabase Auth أو Better Auth، Stripe، Resend أو Nodemailer.

السعر: من $299 (أكتوبر 2026)، بدفعة واحدة، لمطور واحد. أما ترخيص Teams، لما يصل إلى خمسة متعاونين، فسعره $599 (أكتوبر 2026).

للعلم: يغطي الترخيص الحزمة التقنية التي تختارها، وتنص صفحة الأسعار على أن المستقل يحتاج إلى ترخيص مستقل لكل عميل من عملائه. وStripe هو مزود الفوترة المذكور في الصفحات الرسمية، لذا راجع التوثيق إذا كنت تنوي استخدام مزود آخر.

7. supastarter

الأنسب لـ: الفرق التي تريد حرية اختيار مزود الدفع، والمؤسسات مع الفوترة حسب المقاعد، ودعم i18n المدمج.

supastarter هو starter kit لمنتجات SaaS يُشترى بدفعة واحدة، ويتضمن المصادقة والفوترة والمؤسسات ورسائل البريد. نسخة Next.js هي النسخة الرئيسية، وتتوفر أيضًا نسختان لـ Nuxt وTanStack Start. وتعمل المصادقة على better-auth مع كلمات المرور ومفاتيح المرور (passkeys) والروابط السحرية وOAuth والمصادقة الثنائية (2FA). وتدعم المدفوعات Stripe وLemon Squeezy وPolar وCreem وDodo Payments، وتستخدم طبقة البيانات Prisma أو Drizzle.

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

• خمسة مزودي دفع، منهم Stripe وLemon Squeezy
• مؤسسات ودعوات وأدوار وفوترة حسب المقاعد
• دعم i18n مع أداة لتبديل اللغة ورسائل بريد قابلة للترجمة
• إدارة عليا للمستخدمين والمؤسسات
• مدونة وموقع توثيق مضمّنان
• طبقة API مبنية على Hono وoRPC وTanStack Query، مع OpenAPI

التقنيات: Next.js، better-auth، Prisma أو Drizzle، Hono، oRPC، Tailwind CSS، Base UI (متوافق مع shadcn/ui).

السعر: من $349 (أكتوبر 2026)، بدفعة واحدة. وتُعرض أيضًا خطتا Startup ($799، حتى 5 مقاعد للمطورين) وAgency ($1,499، حتى 10 مقاعد).

للعلم: لا تذكر الصفحة الرسمية إصدار Next.js، لذا تحقق من الحزمة الحالية. وهو يغطي الكثير، فتوقّع أن تقضي بعض الوقت في تعلّم بنيته قبل أن تبني ميزاتك الخاصة.

8. ixartz SaaS Boilerplate

الأنسب لـ: boilerplate مجاني ومفتوح المصدر مع تعدد المستأجرين والأدوار ودعم i18n، إذا لم يكن لديك مانع من استخدام Clerk للمصادقة.

SaaS Boilerplate من ixartz هو boilerplate مجاني لـ Next.js بترخيص MIT. يستخدم ملف package.json الخاص به Next.js 16 وReact 19 وTailwind CSS 4. وتتولى Clerk المصادقة، مع إنشاء الحساب وتسجيل الدخول عبر الحسابات الاجتماعية والمصادقة متعددة العوامل وإمكانية الدخول بحساب أي مستخدم. وتعتمد البيانات على Drizzle ORM مع PostgreSQL افتراضيًا، مع دعم SQLite وMySQL أيضًا، وتعمل الترجمات عبر next-intl.

تتضمن النسخة المجانية تعدد المستأجرين مع دعم الفرق، وصلاحيات قائمة على الأدوار، وصفحة هبوط بأقسام للعرض الرئيسي والميزات والأسعار. وتضيف النسخ المدفوعة Plus وPro وMax كلًّا من Stripe والوضع الداكن وواجهات API آمنة الأنواع عبر oRPC ولوحة تحكم موسّعة وغير ذلك. للمستودع نحو 7.5 ألف نجمة على GitHub (أكتوبر 2026).

• تعدد المستأجرين ودعم الفرق في النسخة المجانية
• تحكم في الوصول وصلاحيات قائمة على الأدوار
• مصادقة Clerk مع تسجيل الدخول الاجتماعي والمصادقة متعددة العوامل
• Drizzle مع PostgreSQL أو SQLite أو MySQL
• next-intl للترجمات
• Vitest وPlaywright وStorybook مُعدّة مسبقًا

التقنيات: Next.js 16، React 19، TypeScript، Tailwind CSS 4، Shadcn UI، Clerk، Drizzle، next-intl.

السعر: نسخة مجانية ونسخ مدفوعة.

للعلم: فوترة Stripe غير متوفرة في النسخة المجانية. وClerk خدمة منفصلة لها خططها الخاصة، لذا تحقق من تكلفتها عند عدد المستخدمين الذي تتوقعه. ويذكر ملف README أن Better Auth المستضاف ذاتيًا ميزة متاحة في نسختي Plus وMax إذا أردت تجنّب خدمة مصادقة مستضافة.

9. shadcnblocks Plasma

الأنسب لـ: موقع SaaS موجّه للمطورين مبني على shadcn/ui، مع صفحات للتوثيق وسجل التغييرات والتنزيل.

Plasma قالب لمواقع SaaS وتطبيقات المطورين من shadcnblocks، مبني على shadcn/ui وTailwind CSS 4، وله نسخة لـ Next.js وأخرى لـ Astro. وتذكر قائمة القوالب الرسمية في shadcnblocks أن نسخة Next.js تعمل على Next.js 16. يضم 14 صفحة، منها صفحة هبوط والأسعار والتوثيق وسجل التغييرات وصفحة تنزيل، وهو مكتوب بـ TypeScript مع دعم Markdown.

تعرض النسخة التجريبية العامة الصفحات الـ 14 لمنتج وهمي لأتمتة مهام سطح المكتب، مع روابط تسجيل الدخول وإنشاء الحساب في شريط التنقل. يكلّف Plasma وحده $79، أو يأتي مع 20 قالبًا مميزًا آخر وحزمة Figma وحزمة لوحة إدارة ضمن خطة Premium من shadcnblocks مقابل $299 (أكتوبر 2026).

• 14 صفحة، منها صفحة الهبوط والأسعار والتوثيق وسجل التغييرات والتنزيل
• مبني على shadcn/ui وTailwind CSS 4
• نسختان لـ Next.js 16 وAstro
• TypeScript وMarkdown
• استخدام في عدد غير محدود من المنتجات النهائية، لشركتك أو لعملائك
• عرض تجريبي عام للصفحات الـ 14

التقنيات: Next.js 16 (أو Astro)، TypeScript، Tailwind CSS 4، shadcn/ui.

السعر: من $79 (أكتوبر 2026).

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

10. Cruip Open PRO

الأنسب لـ: موقع SaaS داكن ومتعدد الصفحات بتكلفة منخفضة على Next.js 16.

Open PRO من Cruip قالب موقع SaaS داكن لشركة ناشئة أو منتج برمجي. نسخة Next.js مبنية باستخدام Next.js 16 وTypeScript وTailwind CSS v4، وتضم 12 صفحة، منها الرئيسية ومن نحن والأسعار والمدونة ومركز المساعدة والتواصل والنشرة البريدية. وتتوفر أيضًا نسخ HTML وVue وFigma.

ويقدم Cruip أيضًا على GitHub قالبًا مجانيًا اسمه Open، وهو صفحة هبوط داكنة بـ Next.js للمشاريع مفتوحة المصدر ومنتجات SaaS. وOpen PRO جزء من Classic Bundle من Cruip، الذي يضم 20 قالبًا مقابل $79 (أكتوبر 2026).

• 12 صفحة، منها الأسعار والمدونة ومركز للمساعدة
• Next.js 16 وTypeScript وTailwind CSS v4
• استخدام في عدد غير محدود من المشاريع الشخصية والتجارية
• نسخة مجانية باسم Open على GitHub
• معاينة مباشرة في صفحة المنتج

التقنيات: Next.js 16، TypeScript، Tailwind CSS v4.

السعر: من $49 (أكتوبر 2026).

للعلم: إنه موقع تسويقي فقط. يستمر دعم Cruip لمدة عام من تاريخ الشراء، ولا يشمل التخصيص المتعمق. أما قالب Open المجاني فيصدر بترخيص GPL ولا يجوز إعادة بيعه أو إعادة توزيعه، لذا اقرأ الشروط قبل أن تبني عليه.

كيف تختار قالب SaaS بـ Next.js

ابدأ بما ستبنيه هذا الشهر

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

تحقق مما تتضمنه الفوترة فعلًا

عبارة «جاهز لـ SaaS» قد تعني جدول أسعار فقط، وقد تعني اشتراكات تعمل فعلًا. ابحث عن Stripe Checkout أو ما يعادله، وبوابة للعملاء لترقية الخطط وإلغائها، ومعالجة webhooks. في هذه القائمة، يتضمن Next.js SaaS Starter وShipFast وMakerkit وsupastarter الفوترة جاهزة، ولا يتضمنها boilerplate من ixartz إلا في النسخ المدفوعة، ولا تتضمن قوالب صفحات الهبوط ولا لوحة التحكم من Aniq UI أي فوترة.

قرّر إن كنت تحتاج إلى الفرق والمؤسسات

المنتج الذي يُباع للأفراد يكفيه مستخدم واحد لكل حساب. أما المنتج الذي يُباع للشركات فيحتاج إلى مؤسسات ودعوات وأدوار، وغالبًا إلى فوترة حسب المقاعد. يذكر Makerkit وsupastarter وboilerplate من ixartz هذه الميزات، ولدى Next.js SaaS Starter نسخة بسيطة منها بدوري Owner وMember. وإضافة تعدد المستأجرين لاحقًا أصعب بكثير من البدء به.

انظر إلى الخدمات التي تعتمد عليها كل حزمة

كل حزمة تربطك بخيارات يصعب التراجع عنها: Clerk أو Supabase Auth أو مكتبة مستضافة ذاتيًا، وMongoDB أو Postgres، وPrisma أو Drizzle، وStripe أو مزود دفع آخر. اختر الحزمة التي كنت ستختار خدماتها في كل الأحوال، وتحقق من أسعار هذه الخدمات عند الحجم الذي تتوقع الوصول إليه. وإذا كنت تفضّل واجهة API منفصلة، فإن الواجهة الخلفية بـ NestJS في لوحة التحكم من Aniq UI نموذج مختلف عن الحزم التي تبني كل شيء داخل Next.js.

تحقق من إصدار Next.js في package.json

صفحات المنتجات ليست محدّثة دائمًا. افتح المستودع أو الحزمة بعد الشراء واقرأ ملف package.json. في هذه القائمة، يعمل كلٌّ من قالب SaaS من Aniq UI ولوحة التحكم من Aniq UI وMakerkit وboilerplate من ixartz وshadcnblocks Plasma وCruip Open PRO على Next.js 16 بحسب ما هو معلن، وتستخدم صفحة الهبوط المجانية من Aniq UI إصدار Next.js 15، ويثبّت Next.js SaaS Starter إصدار canary من Next.js 15.

اقرأ الترخيص: المقاعد والعمل للعملاء

تختلف التراخيص أكثر مما تختلف الأسعار. يبيع Makerkit وsupastarter مقاعد لكل مطور، ويشترط Makerkit أن يكون لكل مشروع عميل ترخيصه الخاص، ويغطي ShipFast عددًا غير محدود من المشاريع، وتتراوح القوالب المجانية بين ترخيص MIT وترخيص GPL مع منع إعادة البيع. إذا كنت وكالة أو مستقلًا، فتحقق من ذلك قبل الشراء.

تحقق من اللغات ودعم الكتابة من اليمين إلى اليسار

إذا كنت تبيع خارج الأسواق الناطقة بالإنجليزية، فابحث عن دعم الترجمة من البداية. يأتي supastarter وboilerplate من ixartz مع دعم i18n، ويحفظ Makerkit نصوص الواجهة في ملفات ترجمة، ومن جهة Aniq UI يدعم قالب SaaS وPublino ولوحة التحكم مع مساعد الذكاء الاصطناعي الإنجليزيةَ والعربية مع RTL.

أخطاء شائعة عند شراء قالب SaaS

انتظار الفوترة من قالب صفحة هبوط

جدول الأسعار قسم في التصميم، وليس صفحة دفع. قوالب صفحات الهبوط تعرض الخطط؛ وحزم البداية تحصّل ثمنها. ابحث عن Stripe أو مزود دفع آخر في سطر التقنيات قبل الشراء.

شراء boilerplate كامل لبناء صفحة تسويقية

تأتي حزمة البداية ومعها المصادقة وقاعدة البيانات وwebhooks الفوترة والحسابات اللازمة لكل ذلك. إذا كان كل ما تحتاجه هذا الشهر موقعًا يشرح المنتج ويجمع التسجيلات، فإن قالب صفحة الهبوط أسرع في الإطلاق وأقل كلفة في التشغيل.

نسيان الجانب الإداري

تركّز حزم البداية على ما يراه العميل في التطبيق. لكن أحدًا في فريقك سيحتاج إلى البحث عن المستخدمين وتغيير الأدوار ومتابعة النشاط. بعض الحزم تتضمن منطقة إدارة عليا؛ وإن لم تكن حزمتك منها، فخطّط للوحة إدارة مبكرًا.

الاختيار بناءً على العرض التجريبي وحده

العرض التجريبي المتقن لا يقول الكثير عن بنية الكود أو سجل التحديثات أو الوقت الذي يستغرقه الإعداد. اقرأ التوثيق والمستودع، وتحقق من تاريخ آخر تحديث للحزمة، قبل أن تلتزم.

تجاهل الترخيص

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

الأسئلة الشائعة

ما أفضل قالب SaaS مجاني بـ Next.js؟

إذا أردت starter kit مجانيًا مع اشتراكات Stripe، فإن Next.js SaaS Starter هو الخيار الأفضل. ولصفحة تسويقية مجانية، يُعد قالب صفحة هبوط SaaS من Aniq UI (MIT) أو Open من Cruip نقطة بداية جيدة. ويضيف SaaS Boilerplate المجاني من ixartz تعدد المستأجرين والأدوار، لكن تكامله مع Stripe موجود في النسخ المدفوعة فقط.

ما أفضل قالب SaaS مدفوع بـ Next.js؟

يعتمد ذلك على النوع. للموقع التسويقي، يمنحك قالب SaaS بـ Next.js من Aniq UI ($79) موقعًا داكنًا متعدد الصفحات على Next.js 16 مع صفحات للأسعار والمدونة والتواصل والمصادقة بالإنجليزية والعربية. ولحزمة بداية كاملة، يُعد Makerkit وsupastarter خيارين قويين لفرق B2B، وShipFast لمنتج يبنيه شخص واحد. وللوحة الإدارة، تضيف لوحة التحكم مع مساعد الذكاء الاصطناعي من Aniq UI الأدوار والصلاحيات ومساعدًا بالذكاء الاصطناعي.

ما الفرق بين قالب SaaS وboilerplate لـ SaaS؟

القالب عادةً هو الواجهة الأمامية: صفحات وأقسام ومكونات بلا واجهة خلفية. أما الـ boilerplate (أو starter kit) فهو أساس تطبيق يعمل، وفيه المصادقة وقاعدة البيانات والفوترة موصولة مسبقًا. وتستخدم منتجات كثيرة الاثنين معًا: قالبًا للموقع العام وboilerplate للتطبيق.

هل يتضمن قالب SaaS بـ Next.js فوترة Stripe؟

قوالب صفحات الهبوط لا تتضمنها. بل تتضمن قسمًا للأسعار تربطه أنت بصفحة الدفع لديك. أما حزم البداية فتتضمنها: Next.js SaaS Starter وShipFast وMakerkit وsupastarter كلها تتضمن Stripe، ويدعم supastarter وShipFast أيضًا Lemon Squeezy.

هل يمكنني استخدام قالب صفحة هبوط مع starter kit منفصل؟

نعم، وهو إعداد شائع. شغّل قالب صفحة الهبوط على نطاقك الرئيسي، وتطبيق الـ starter kit على نطاق فرعي مثل app.yourdomain.com، ثم وجّه أزرار التسجيل والأسعار إلى التطبيق. ويمكنك أيضًا نسخ أقسام القالب إلى الصفحات التسويقية في الـ starter kit إذا كنت تفضّل قاعدة كود واحدة.

هل يوجد boilerplate لـ SaaS بـ Next.js مع shadcn/ui؟

نعم. يستخدم Next.js SaaS Starter وSaaS Boilerplate من ixartz وnext-forge مكتبة shadcn/ui، ويصف supastarter واجهته بأنها متوافقة مع shadcn/ui. وإذا أردت قالب صفحة هبوط مبنيًا على shadcn/ui، فإن shadcnblocks Plasma مبني عليها.

هل لا يزال بإمكاني شراء Salient من Tailwind Plus؟

ليس كعميل جديد. أعلنت Tailwind Labs في 9 سبتمبر 2026 انضمامها إلى Shopify وإغلاق التسجيل أمام العملاء الجدد في Tailwind Plus، مع احتفاظ العملاء الحاليين بإمكانية الوصول (Tailwind Labs is joining Shopify). إذا كنت تملك Tailwind Plus بالفعل، فلا يزال Salient قالبًا تسويقيًا أنيقًا لـ SaaS من صفحة واحدة. وإن لم تكن تملكه، فقوالب صفحات الهبوط في هذه القائمة متاحة للشراء اليوم.

أي حزم بداية SaaS بـ Next.js تعمل على Next.js 16؟

يذكر Makerkit دعمه لـ Next.js 16، ويستخدم ملف package.json في SaaS Boilerplate من ixartz إصدار Next.js 16. ويثبّت Next.js SaaS Starter إصدار canary من Next.js 15، ولا يذكر ShipFast ولا supastarter الإصدار في صفحاتهما الرسمية، لذا تحقق من الحزمة الحالية.

الخلاصة

ابدأ بتحديد النوع الذي تحتاجه. إذا كنت تحتاج إلى موقع تسويقي، فقالب SaaS بـ Next.js من Aniq UI خيار مدفوع قوي على Next.js 16 يغطي العربية أيضًا مع RTL، وصفحة هبوط SaaS المجانية من Aniq UI وOpen من Cruip لا تكلفان شيئًا، وshadcnblocks Plasma وCruip Open PRO بديلان جيدان. وإذا كنت تبني المنتج نفسه، فإن Next.js SaaS Starter هو أفضل أساس مجاني، وShipFast يناسب المؤسس الذي يعمل وحده، وMakerkit أو supastarter يناسبان منتجات B2B ذات الفرق والفوترة حسب المقاعد. وإذا كان فريقك يحتاج إلى لوحة إدارة بالأدوار والصلاحيات ومساعد ذكاء اصطناعي، فإن لوحة التحكم مع مساعد الذكاء الاصطناعي من Aniq UI تلبي ذلك، مع واجهة API اختيارية بـ NestJS.

وإذا أردت صفحة الهبوط ولوحة التحكم معًا، فإن حزمة قوالب Next.js من Aniq UI تضم قالب SaaS وPublino ولوحة التحكم مع مساعد الذكاء الاصطناعي، إلى جانب سبعة قوالب مميزة أخرى، في عملية شراء واحدة.

أدلة ذات صلة

• أفضل قوالب Next.js لعام 2026: مجانية ومدفوعة
• أفضل قوالب لوحة تحكم الإدارة حسب القطاع في 2026
• أفضل قوالب لوحة تحكم RTL تدعم اللغة العربية (2026)
• أفضل قوالب صفحات هبوط Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل قوالب متجر إلكتروني بـ Next.js لعام 2026 (مجانية ومدفوعة)
• أفضل 10 قوالب Next.js لإدارة لوحات التحكم - 2026

المصادر

• Next.js SaaS Starter على GitHub
• next-forge
• ShipFast
• Makerkit
• أسعار Makerkit
• supastarter
• ixartz SaaS Boilerplate على GitHub
• shadcnblocks Plasma
• قوالب shadcnblocks
• أسعار shadcnblocks
• Tailwind Labs is joining Shopify (مدونة Tailwind CSS)
• Cruip Open PRO
• حزم Cruip وشروط الترخيص
• Cruip Open على GitHub

تم التحقق في أكتوبر 2026.