الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

غلاية

بنيت بربع لا ربع

ملاحظة: نوصي الآن باستخدام المكدس المحدث.


TypeScript + React + React Native + GraphQl + Prisma

يأتي مع مصادقة المستخدم

  • رد فعل
  • رد فعل مواطن
  • معرض
  • typegraphql
  • بريزما
  • الويب والتطبيق و API monorepo
  • Next.js
  • TypeScript
  • postgres
  • عميل أبولو
  • خادم أبولو
  • يعبر
  • رد فعل هوك رد الفعل
  • شقرا UI
  • موضوع قابل للتخصيص ووضع الظلام
  • eslint
  • أجمل
  • GraphQL Code Generator
  • SendGrid SMTP
  • خفير
  • أجش
  • تم تنظيم الوبر

& الكثير من الأطعمة اللذيذة


تشعر بالراحة مع هذا المكدس؟

نحن نتعاقد! اتصل بنا هنا


ابدأ

يجب أن يكون لديك عقدة ، غزل ، postgres و redis مثبتة وإعداد محليًا

  1. استنساخ الريبو

  2. احذف مجلد التطبيق إذا كنت تعمل على مشروع ويب بحت. 

    rm -rf packages/app

  3. تثبيت التبعيات. 

    yarn install

  4. إنشاء قاعدة بيانات Postgres المحلية 

    createdb boilerplate

  5. قم بإنشاء ملف .env وقم بتحديث DATABASE_URL باستخدام عنوان URL المحلي لـ Postgres. 

    cp packages/api/.env.example  packages/api/.env
     # Replace <user>,<password> and <db-name> with your corresponding username, password, and database name of your postgresql database.
DATABASE_URL=postgresql:// < user > : < password > @localhost:5432/ < db-name >

  6. ترحيل قاعدة البيانات. 

     cd packages/api && yarn db:migrate


نحن نستخدم Husky لتشغيل اثنين من الشيكات كل التزام (أجمل ، eslint & commiclint) ، تأكد من إضافة ملف .huskyrc إلى دليل منزلك: 

touch ~ /.huskyrc

ونسخ هذا في الملف هذا في: 

 export PATH= " /usr/local/bin: $PATH "

ثم قم بتشغيل هذا في جذر المشروع: 

npx husky install

نستخدم AWS S3 لاستضافة الصور/الملفات ، لذلك ستحتاج إلى إعداد بعض الأشياء حتى يعمل هذا ، يمكن العثور على العملية هنا.



تطوير

  1. cd packages/api && yarn dev
  2. cd packages/web && yarn dev
  3. cd packages/app && yarn start

يمكن العثور على مثال على إنشاء ميزة TODO البسيطة هنا.



إنتاج

المراسلين

  • قم بإنشاء حساب SendGrid وتعيين متغير بيئة SendGrid_API_Key في .env
  • قم بإنشاء قوالب لكل بريد إلكتروني تريد إرسالها واستخدامها في فئة Mailer المقابلة

تتبع الخطأ

  • قم بإنشاء مشروع Sentry + Project لكل حزمة وإضافة DSN إلى تكوين الويب ومتغيرات API ENV

النشر

مثال يتم نشره هنا

نحن نستخدم السكك الحديدية لحزمة API و Vercel لحزمة الويب

بالنسبة للسكك الحديدية ، لدينا معاينة الإعداد تنشر والتي تعطي عنوان URL الديناميكي الذي يمكن أن تستخدمه الويب. يتضمن عنوان URL رقم PR ، لذا على الويب ، نحتاج إلى الحصول على رقم PR من GIT وتغيير API_URL ديناميكيًا عند إنشاء تطبيق NEXT.JS. لا يتضمن Vercel أرقام العلاقات العامة في متغيرات ENV ، لذلك نستخدم حزمة للقيام بذلك من أجلنا.


يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل