nextjs-rtl-starter

مفتوح المصدررخصة MIT

دفع Tap في Next.js. بالعربية من أول سطر.

واجهة عربية تنعكس كما يجب، وصفحة دفع جاهزة بمدى وApple Pay وSTC Pay وKNET، والخادم يتحقق من كل دفعة قبل اعتمادها.

صفحة الدفع بالعربية مع حقل البطاقة من Tap
صفحة الدفع
الإيصال بعد دفعة تجريبية ناجحة
بعد الدفع

طرق الدفع، كما يتوقعها العميل.

كلها عبر Tap. البطاقات تعمل بمفاتيح الاختبار فورًا، والبقية تفعّلها بمتغير واحد بعد أن يفعّلها Tap في حسابك.

الطريقةالعملةالإعداد
مدى وVisa وMastercardكل العملاتلا شيء، تعمل بمفاتيح الاختبار مباشرة
Apple Payكل العملاتتسجيل نطاقك لدى Tap، وتظهر في Safari
STC PaySARتفعيلها في حسابك لدى Tap
KNETKWDتفعيلها في حسابك لدى Tap

الدينار الكويتي بثلاث خانات عشرية والريال بخانتين، والقالب يأخذ ذلك من ⁦Intl⁩ بدل أن يثبّته في الكود.

التفاصيل التي تتعثر فيها أغلب عمليات الربط.

لا شيء منها صعب، لكنها موزعة في التوثيق. هنا تجدها في مكان واحد، ومعها اختبارات.

حقل البطاقة من Tap

رقم البطاقة يبقى داخل إطار Tap، ولا يصل إلى خادمك إلا رمز.

tok_…

التحقق على الخادم

لا يُعتمد الطلب مدفوعًا قبل جلب الدفعة من Tap ومطابقة حالتها ومبلغها وعملتها.

CAPTURED

توقيع الـ webhook

يُعاد حساب hashstring بعدد الخانات العشرية الصحيح لكل عملة، وإلا فشلت كل التواقيع.

hashstring

⁦3-D Secure⁩ والعودة

يمر العميل بتحقق البنك، ثم يعود إلى صفحة النتيجة بلغته.

⁦3-D Secure⁩

واجهة تنعكس، وأرقام تبقى في مكانها.

ينعكس

الهوامش والأسهم والتخطيط بأكمله، عبر ⁦shadcn/ui⁩ مع ⁦rtl: true⁩.

لا ينعكس

المبالغ وأرقام البطاقات ورموز الطلبات. والقالب يعرض الأرقام اللاتينية في الواجهة العربية أيضًا. 10.000 KWD · •••• 0026

عشر دقائق إلى أول دفعة تجريبية.

  1. 01

    انسخ القالب

    انسخ المستودع، وشغّل ⁦npm install⁩، ثم انسخ ⁦.env.example⁩، ففيه مفاتيح Tap التجريبية العامة جاهزة.

  2. 02

    ادفع ببطاقة تجريبية

    شغّل ⁦npm run dev⁩، وادفع بإحدى بطاقات Tap التجريبية، ثم أكمل صفحة ⁦3-D Secure⁩.

  3. 03

    انتقل إلى مفاتيحك

    ضع مفاتيحك من Tap، واستبدل مخزن الطلبات التجريبي بقاعدة بياناتك.

قريبًا

تبيع اشتراكات؟

القالب المجاني يغطي الدفع لمرة واحدة. والنسخة المدفوعة تضيف ما تحتاجه الاشتراكات على Tap:

  • خطط شهرية وسنوية على البطاقة المحفوظة، مع التجديد التلقائي وإعادة المحاولة والإلغاء
  • تسجيل الدخول ولوحة التحكم وصفحة الفوترة وحدود كل خطة
  • واجهة كاملة بالعربية والإنجليزية، وأسعار بالريال والدينار والدرهم
  • دليل للنشر، وتحديثات مستمرة
تابع المستودع على GitHub

قائمة الانتظار تُفتح قريبًا. تابع المستودع ليصلك الخبر.

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

لم تجد جوابك؟ افتح issue في GitHub.

هل القالب مجاني؟

نعم، برخصة MIT، ويمكنك استخدامه في مشاريعك التجارية بلا قيود.

هل أحتاج إلى حساب في Tap لأجرّبه؟

لا. ملف ⁦.env.example⁩ يحوي مفاتيح Tap التجريبية العامة، وهي تكفي لأول دفعة تجريبية.

هل يحفظ القالب بيانات البطاقات؟

لا. بيانات البطاقة تذهب إلى Tap مباشرة، ولا يرى خادمك إلا رمزًا ورقم الدفعة.

هل هو تابع لشركة Tap؟

لا. مشروع مستقل وغير رسمي، ولا يتبع شركة Tap Payments.

ماذا عن الاشتراكات؟

هذه النسخة للدفع لمرة واحدة. الاشتراكات في النسخة المدفوعة، وقائمة انتظارها تُفتح قريبًا.

أول دفعة أقرب مما تظن.

ابدأ بمفاتيح الاختبار، وافتح حسابك في Tap حين تستعد للإطلاق.

الكود على GitHub