next advanced apollo starter

التالي-apollo-starter

Next.js و Apollo المتقدم والأبسط

ما تم تضمينه • البدء • استخدام Apollo • الاختبارات • استخدام Docker

ما هو مدرج

سمات

• أحدث إصدار NEXT.JS.
• أحدث تحديثات الحزم.
• عميل GraphQL Apollo مع مصادقة الرمز المميز JWT المستند إلى ملف تعريف الارتباط.
• يعمل على حد سواء عبر عرض من جانب العميل وتقديم جانب الخادم ؛
• بيئة TypeScript.
• شملت. Csss.
• لا يوجد خادم مخصص .

تجربة المطور

• بيئة اختبار عبر Jest و @Testing-Library/React.
• تم تكوين مولد رمز GraphQL. ببساطة تشغيل yarn codegen .
• أجمل لتنسيق الكود.
• تكوين التصحيح لـ VSCode.
• تكوين Docker لخدمة بناء الإنتاج مع NGINX.

ابدء

لا توجد معرفة إضافية مطلوبة للبدء ، انظر الوثائق Next.js.

GraphQL Generation

واجهات تم إنشاؤها لملفات .graphql الموقوفة المشتركة. انظر المثال.

yarn codegen

استخدام أبولو

• مثال عرض من جانب العميل (CSR).
• مثال عرض جانب الخادم (SSR).

الاختبارات

Jest هو أداة رائعة للاختبار. لتشغيل الاختبارات ببساطة استخدم البرنامج النصي test من package.json :

yarn test

---

إلى حد كبير كل ما تحتاج إلى معرفته حول بنية المشروع ، SSR ، وما إلى ذلك ، يمكنك العثور عليها في وثائق Next.js الرسمية.

استخدام Docker

لبناء وتشغيل حاوية جاهزة للإنتاج ، قم بتشغيل:

docker-compose up --build