Query specific collection with all locales

mumincelallast year

10

export const getServerSideProps: GetServerSideProps = async ({
  params,
  locale,
  defaultLocale
}) => {
  const slug =
    params?.slug && Array.isArray(params.slug) ? params.slug.join('/') : 'home';

  const page = await getPageBySlug<PaginatedDocs<PageType>>({
    slug,
    locale,
    defaultLocale
  });

  return {
    props: {
      page: page.docs[0] || null
    }
  };
};

• 

  tinoutilast year

  Would you mind sharing what your

  getPageBySlug

  function looks like? Are you using the REST API?

• 

  imcorfitzlast year

  I have been able to retrieve all languages when querying my REST API using

  ?locale=all

  however GraphQL doesn't allow for it.

• 

  mumincelallast year

  Yes it is REST API.

  
  
  

  export const getCustomPageDataBySlug = async <T>({
    endpoint,
    slug,
    locale,
    defaultLocale
  }: {
    endpoint: string;
    slug: string;
    locale?: string;
    defaultLocale?: string;
  }) => {
    try {
      const query = await fetch(
        `${BASE_URL}/${endpoint}?locale=${locale}&fallbackLocale=${defaultLocale}&where[slug][equals]=${slug}`
      );
  
      const data: T = await query.json();
  
      return data;
    } catch (error) {
      if (error instanceof Error) {
        throw new Error(JSON.stringify(error));
      }
  
      throw new Error('An error occurred');
    }
  };
  
  export const getPageBySlug = async <T>({
    slug,
    locale,
    defaultLocale
  }: {
    slug: string;
    locale?: string;
    defaultLocale?: string;
  }) =>
    getCustomPageDataBySlug<T>({
      endpoint: 'pages',
      slug,
      locale,
      defaultLocale
    });

  
  

  
  

  ?locale=all

  works only when you retrieve all pages in a page collection. When you try to all languages of a specific page, then

  ?locale=all

  not working. I mean if I use

  slug

  query with

  ?locale=all

  , empty result comes. Did you use the

  ?locale=all

  query to select all collection data or to select specific data?

• 

  jarrod_not_jared

  last year

  I believe this PR would allow you to do this in a more "correct" way (

  https://github.com/payloadcms/payload/pull/2796

  ). But, even though eslint will yell at you, this will technically work:

  
  
  

  // ... rest of your config
  hooks: {
    beforeRead: [
      ({ doc }) => {
        doc.localizedSlugs = JSON.stringify(doc.slug);
        return doc;
      },
    ],
  },
  fields: [
    {
      name: 'slug',
      type: 'text',
      localized: true,
      index: true,
    },
    {
      name: 'localizedSlugs',
      type: 'json',
    },
  ],

• 

  imcorfitzlast year

  On a specific record I can get all languages for multiple fields, by passing

  ?locale=all

  in the REST API. However, I don't know if part of a filter/search it is different of course.

  
• 

  mumincelallast year

  I understand but right now I am using slug instead of ID. I need to change whole structure if I use ID instead of slug.

• 

  imcorfitzlast year

  @jarrod_not_jared seems to have found a smart workaround though.. adding

  {admin: {hidden: true}}

  as well, will make it so you don't have to look at it neither in admin, but the data is still returned by the API.

• 

  mumincelallast year

  This works, thank you @jarrod_not_jared

• 

  jarrod_not_jared

  last year

  I believe the Context PR was merged! So you could likely use that if you would like 🙂

• 

  mumincelallast year

  I updated payload version and I started to use it. Works like charm. Thank you