فيديو توضيحي: قالب Next.js للحجز وتأجير الإقامات مع Stripe ومساعد ذكاء اصطناعي
Aniq UIقوالب Next.jsHollina قالب متكامل بـ Next.js لتأجير الإقامات: موقع للإقامات مع تقويمات التوفر والدفع عبر Stripe أو PayPal أو عند الوصول، ولوحة تحكم للحجوزات للمضيف، وواجهة API بـ NestJS. تحصل على الشيفرة المصدرية للتطبيقات الثلاثة ومساعد ذكاء اصطناعي وشركة تجريبية ببيانات جاهزة، مع الإنجليزية والعربية واتجاه RTL في الوضعين الفاتح والداكن.
- vacation rental
- booking
- reservations
- availability calendar
- stripe
- paypal
- next.js
- nestjs
عن قالب Next.js للحجز وتأجير الإقامات مع Stripe ومساعد ذكاء اصطناعي
يجمع Hollina أعمال الحجز المباشر لشركة ضيافة واحدة في قالب متكامل واحد. في الموقع يبحث الضيوف عن إقامة حسب الوجهة والتواريخ وعدد الضيوف والنوع مع حفظ الفلاتر في الرابط، ويفتحون معرض صور الإقامة ومرافقها وقواعد المنزل والتقييمات وتقويم التوفر لشهرين، ويرون سعر الليالي أثناء اختيارها. تقبل صفحة الدفع البطاقة عبر Stripe Checkout المستضاف أو حساب PayPal عبر Orders v2 أو الدفع عند الوصول، والذي يؤكد الحجز المدفوع هو Webhook موقّع وليس عودة الضيف إلى الموقع. بعد ذلك يجد الضيف حجزه برقمه المرجعي وبريده الإلكتروني، ويلغيه ما دامت السياسة تسمح، ويقيّم الإقامة بعد انتهائها.
تعرض لوحة تحكم الحجوزات يوم المضيف بنظرة واحدة: نسبة الإشغال والإيرادات لهذا الشهر، والوصول والمغادرة، وما ينتظر إجراءً. يرسم تقويم شهري كل حجز بلياليه ويتيح للفريق حجب التواريخ، ويمر كل حجز بالتأكيد وتسجيل الوصول والإتمام أو الإلغاء مع ذكر سبب تعذّر أي خطوة، ويجمع محرر الإقامات اللغتين في تبويبات مع صور مرتبة وفحص قبل النشر. تُعالج الاستفسارات وتُدوّن عليها الملاحظات، وتُنشر التقييمات أو تُخفى، ويجيب مساعد ذكاء اصطناعي عن أسئلة التوفر والحجوزات والإيرادات من بيانات الشركة نفسها ويرسم الرسوم البيانية داخل المحادثة.
تخدم واجهة API بـ NestJS مع TypeORM التطبيقين على SQLite أو MySQL، مع مصادقة JWT وأدوار وصلاحيات وإشعارات فورية. خدمة توفر واحدة تجيب عن كل سؤال حول التواريخ المتاحة، فلا يختلف الموقع وصفحة الدفع والتقويم والمساعد أبدًا. تنشئ أداة البذر شركة تجريبية كاملة بـ 14 إقامة و60 حجزًا مع استفسارات وتقييمات، وتخدم 27 أداة MCP المساعد ووكلاء البرمجة، ويحفظ الوضع التجريبي تعديلات كل زائر لذلك الزائر وحده، ويزيل أمر واحد شيفرة العرض التجريبي من كل تطبيق. تأتي الواجهتان بالإنجليزية والعربية مع تخطيط من اليمين إلى اليسار، في الوضعين الفاتح والداكن.
المواصفات التقنية
إطار العمل
Next.js 16.3.5
إصدار React
React 19.3.0
التنسيق
Tailwind CSS 4.3.3
TypeScript
نعم
متجاوب
جوال، جهاز لوحي، سطح المكتب
فترة الدعم
Lifetime مشمول
نصيحة احترافية: تتضمن جميع القوالب وثائق شاملة لمساعدتك على البدء بسرعة.
شاشات من العرض التجريبي
Booking website overview, dark theme
The website's home page: the promise, the hero stay with its rate, and the search by destination, dates and guests, in the dark theme
Home: destinations, dark theme
Six destinations, each with its tagline and the number of stays in it, in the dark theme
Home: stay types and how it works, dark theme
The six kinds of place, each opening the stays list already filtered, then the booking steps, in the dark theme
Home: two ways to stay and why book direct, dark theme
A short break or a longer stay, and what booking with the host directly gives a guest, in the dark theme
Home: questions and contact, dark theme
The questions guests ask, answered, and the way to get in touch, in the dark theme
Stays list, dark theme
Every published stay with the filters for destination, dates, guests, type and sort, kept in the address, in the dark theme
مجتمع المستخدمين العالمي
انضم إلى آلاف المطورين في جميع أنحاء العالم الذين يثقون بـ Aniq-UI لمشاريعهم. يتم استخدام قوالبنا في جميع أنحاء العالم لإنشاء تجارب ويب مذهلة.
تفضيلات ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط لتعزيز تجربة التصفح الخاصة بك وتحليل حركة المرور على الموقع وتخصيص المحتوى. بالنقر على "قبول الكل"، فإنك توافق على استخدامنا لملفات تعريف الارتباط للتحليلات والإعلانات المخصصة.