نصب apollo ,graphql برای پروژه فرانت nuxt.js v2 و بک اند wordpress headless|

1- اول ی پروژ ناکست درست بکن ! اگه از قبل داری این مرحله رو بیخیال شو...

2-همه ی dependencies هارو مطمئن شو که نصب کردی.

npm i

npm install --save @nuxtjs/apollo graphql apollo-link-http apollo-cache-inmemory apollo-link-context

یا
npm install --save @nuxtjs/apollo graphql


3- توی کانفیگ اصلی پروژه باید گراف و آپلو تعریف بشن منتها قبلش بروی توی فایل پکیج جیسون و مطمئن شو که همه چیزهایی که لازمه نصبه.

modules: [
  '@nuxtjs/apollo',
],
apollo: {
  clientConfigs: {
    default: {
      httpEndpoint: 'https://your-wordpress-url/graphql',
      httpLinkOptions: {
        credentials: 'same-origin',
      },
    },
  },
},

4- ی فایل جدید برای گراف و ی فایل جدید هم برای آپلو توی پوشه ناکست درست بکن که کد های مربوطه رو بعدا اضافه بکنی .ولی من این فایل رو توی ریشه اصلی پروژه ایجاد کردم.

new file : graphql.config.js

module.exports = {
schema: [
{
'http://your-wordpress-url/graphql': {},
},
],
documents: 'graphql/**/*.gql',
extensions: {
endpoints: {
default: {
url: 'http://your-wordpress-url/graphql',
headers: {
'user-agent': 'JS GraphQL',
},
introspect: false,
},
},
},
};

حالا میتونی با ACF فرم های کاستومتو بسازی و با گراف کوئری هاشو بزنی به پروژه ات اضافه بکنی .

این صفحه ها هم ی نگاهی بنداز

https://www.npmjs.com/package/graphql.js

https://maddevs.io/blog/configure-apollo-graphql-in-nuxtjs/