next saas stripe starter

التالي ساس ستريب بداية

ابدأ بأقصى سرعة مع بداية SaaS!

مقدمة · التثبيت · مكدس التكنولوجيا + الميزات · المؤلف · الاعتمادات

مقدمة

تمكين مشروعك التالي مع كومة Next.js 14 و Prisma و Neon و Auth.JS V5 و Resend و React Email و Shadcn/UI و Stripe.
تم دمج جميعها بسلاسة مع بداية SaaS لتسريع تطورك ورحلة SaaS.

تثبيت

استنساخ وإنشاء هذا الريبو محليا مع الأمر التالي:

npx create-next-app my-saas-project --example " https://github.com/mickasmt/next-saas-stripe-starter "

أو نشر مع Vercel:

خطوات

1. تثبيت التبعيات باستخدام PNPM:

pnpm install

2. نسخ .env.example إلى .env.local وتحديث المتغيرات.

cp .env.example .env.local

3. ابدأ خادم التطوير:

pnpm run dev

ملحوظة

يمكنني استخدام حزمة NPM-Check-updates لتحديث هذا المشروع.

استخدم هذا الأمر لتحديث مشروعك: ncu -i --format group

خريطة الطريق

• ترقية ESLINT إلى V9
• أضف إعادة الالتزام باشتراكات النجاح

مكدس التكنولوجيا + ميزات

SaaS-Starter-Demo.mp4

الأطر

• Next.js - Framework React لبناء تطبيقات الأداء مع أفضل تجربة مطور
• Auth.js - التعامل مع مصادقة المستخدم بسهولة مع مقدمي الخدمات مثل Google و Twitter و Github ، إلخ.
• PRISMA-ORM TypeScript-First for Node.js
• رد فعل البريد الإلكتروني - إطار بريد إلكتروني متعدد الاستخدامات لتطوير بريد إلكتروني فعال ومرن

المنصات

• Vercel - معاينة ونشر التغييرات بسهولة مع GIT
• إعادة الالتحاق - إطار بريد إلكتروني قوي لتطوير البريد الإلكتروني المبسط
• النيون - الخادمات بعد الخوادم مع التلقائي ، المتفرعة ، تخزين قاع وطائرة خالية من السخاء.

واجهة المستخدم

• Tailwind CSS-إطار عمل CSS الأول في تنمية واجهة المستخدم السريعة
• Shadcn/UI-مكونات قابلة للاستخدام مصممة باستخدام Radix UI و Tailwind CSS
• Framer Motion - Motion Library للتفاعل مع المكونات المتحركة بسهولة
• Lucide-أيقونات بسيطة بشكل جميل ، بكسل مثالي
• next/font - تحسين الخطوط المخصصة وإزالة طلبات الشبكة الخارجية لتحسين الأداء
• ImageResponse - قم بإنشاء صور بيانية مفتوحة ديناميكية على الحافة

السنانير والمرافق

• useIntersectionObserver - رد الفعل لمراقبة عندما يدخل عنصر ما أو يتركه
• useLocalStorage - استمر في الاستمرار في التخزين المحلي للمتصفح
• useScroll - Hook Hook لمراقبة موضع التمرير (مثال)
• nFormatter - تنسيق أرقام مع اللواحق مثل 1.2k أو 1.2M
• capitalize - الاستفادة من الحرف الأول من السلسلة
• truncate - اقطع سلسلة بطول محدد
• use-debounce A Call Call / State Update

جودة الكود

• TypeScript-مدقق نوع ثابت للأنواع الشاملة
• أجمل - تنسيق رمز الرأي لأسلوب رمز ثابت
• ESLINT - LINTREBLAIN

متنوع

• Vercel Analytics-تتبع الزوار الفريدين ، ووجهات العرض ، وأكثر من ذلك بطريقة صديقة للخصوصية

مؤلف

تم إنشاؤه بواسطة miickasmt في عام 2023 ، تم إصداره بموجب ترخيص معهد ماساتشوستس للتكنولوجيا.

الاعتمادات

كان هذا المشروع مستوحى من تصنيف شادكن ، وسابقة ستيفن تي ، وأنطونيو أرديلجاك القادم من الذكاء الـ 13.

• Shadcn (shadcn)
• ستيفن تي (@ستفينتري)
• Antonio Erdeljac (ytcodeantonio)