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

مطلوب Maintaner

يمكن العثور على حل بديل يعتمد على swr و gql-request هنا

GraphQl-Codegen-apollo-next-SSR

قم بإنشاء رمز Apollo لـ NEXTJS SSR

الدوافع

تم تقديم NextJS مؤخرًا getServerSideProps والذي لا يسمح باستخدام النمط المخصص الذي تم تبنيه بواسطة البرنامج المساعد الرسمي Apollo GraphQL (استنادًا إلى getInitialProps ). في الوقت نفسه ، تفرض طريقة SSR التي يقدمها عميل Apollo ( getDataFromTree ) تطبيق React لتقديم عدة مرات من أجل جمع وجلب جميع الاستعلامات ذات الصلة. من خلال الإعلان عن استعلام المستوى الأعلى ، يمكننا توفير وقت العرض وتوفير نمط أبسط يعمل مع getServerSideProps . يقوم هذا المكون الإضافي بإنشاء إصدار Typesafe من getServerSideProps لكل استعلام خادم ، والخصم المقابل لالتفاف مكون React الذي يعيد نتيجة ذاكرة التخزين المؤقت. يتمثل تقييد/ميزة هذا الحل في أن جميع الاستعلامات المضمنة في مكونات React الداخلية يتم تجاهلها ، ما لم يتم تغطيتها بواسطة ذاكرة التخزين المؤقت من المستوى الأعلى.

إعدادات

  • excludePatterns (افتراضي: فارغ): regexp لاستبعاد أسماء العمليات
  • excludePatternsOptions (الافتراضي: ''): regexp أعلام لاستبعاد أسماء العمليات
  • reactApolloVersion (افتراضي: 2): إصدار عميل أبولو
  • apolloCacheImportFrom (افتراضي: Apollo-cache-Inmemory): Apollo-cache inmemory التبعية
  • apolloImportFrom (افتراضي: Apollo-Client V2 أو @Apollo/Client V3): Apollo Client Tremency
  • apolloCacheImportFrom (افتراضي: Apollo-cache-Inmemory V2 أو @Apollo/Client V3): Apollo Cache Client Dependency
  • apolloStateKey (افتراضي: Apolstate): مفتاح يستخدم لتخزين ولاية أبولو
  • withHooks (افتراضي: خطأ): تخصيص الإخراج عن طريق تمكين/تعطيل السنانير رد الفعل التي تم إنشاؤها.
  • withHOC (افتراضي: صواب): تخصيص الإخراج عن طريق تمكين/تعطيل المخصص.
  • customImports (افتراضي: ''): إعلان استيراد مخصص كامل
  • contextType (افتراضي: "أي"): تم تمرير نوع contex إلى getApolloclient
  • contextTypeRequired (افتراضي: خطأ): إذا كان يجب أن يكون السياق مطلوبًا عند استدعاؤه من getServersIdeProps
  • pre (افتراضي: ''): رمز مخصص قبل كل وظيفة
  • post (افتراضي: ''): رمز مخصص بعد كل وظيفة
  • apolloClientInstanceImport (افتراضي: ''): أضف استيراد مثيل Apolloclient
  • replaceQuery (افتراضي: خطأ): استبدل كلمة "الاستعلام" داخل العمليات التي تم إنشاؤها
  • replacePage (افتراضي: خطأ): استبدال كلمة "الصفحة" داخل العمليات التي تم إنشاؤها
  • reactImport (افتراضي: رد الفعل من نوع الاستيراد من "React" ؛): استيراد رد الفعل المخصص

مثال التكوين 

 overwrite: true
schema:
    - 'https://myschema/graphql'
documents:
    - 'src/**/*.graphql'
generates:
    src/@types/codegen/graphql.tsx:
        plugins:
            - 'typescript'
            - 'typescript-operations'
            - 'typescript-react-apollo'
    src/@types/codegen/page.tsx:
        config:
            documentMode: external
            importDocumentNodeExternallyFrom: ./graphql
        preset: import-types
        presetConfig:
            typesPath: ./graphql
        plugins:
            - ./build/src/index.js
hooks:
    afterAllFileWrite:
        - prettier --write
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل