Hello all, I am trying to figure out the best approach to have the same slug for a dynamic page folder and how one would query that when not being able to use the UID. For example: /fr-fr/brussels/royal/gym /fr-fr/milan/harbour/gym What is the best method to create two different gym pages that …

I solved this by querying the api like so: const venueRelation = await $prismic.api.query( $prismic.predicates.at('document.type', 'venue_gym'), { lang: store.state.lang } ) const result = venueRelation.results.find(gym => params.venue === gym.data.ve…

Hey Jake, Let me break this down by starting with the language question — something I've played with in the past, myself. The way I see it, you have two options: Create a "languages" object that you reference in your queries, like this: const langs = { en: "en-us", fr: "fr-fr", de: "de-de"…

Hey Sam, Thanks for taking the time to get back to me and your useful info on lang code, I'll give it a try shortly. I resolved my /gym query with something like this: I create a field in the page for 'slug' and use this to return the correct content. In the parent page I have a group of fields …

Hey jake, I came up with one potentially more elegant solution for the language code: you can set a custom locale in your repo settings, and create your own code, so you could create an "English" locale with the code "en", etc. You'd have to create that locale, copy any content over, then submit a …

Hey Jake, I've taken a close look at your question, and I think I understand. Here's what I would do: If, in your Nuxt project, your pages directory looks like this: ~/pages/_lang/_city/_location/gym.vue That will give you a params object that includes: { location: _location, lang: _lang, …

Thanks Sam, If this is helpful to anyone else, this is what I ended up with in the end to get the languages from Prismic, const apiLangs = await $prismic.api.languages const addLangObj = apiLangs.map((lang) => { const langCode = lang.id.split('-')[0] lang[langCode] = lang.…

Thanks again Sam, Ideally the plan was to have completely dynamic club pages. The client may in the future want to include a page that doesn't fit within a pre defined template. I have a solution above that works quite well, it also accounts for different language slugs, such as family (en) or fami…

Okay, cool! Glad you've got it working. Do let me know if there's anything I can help with.

Dynamic nested pages that have same slug and language tag query

Developing with Prismic

Topic		Replies	Views
Multi Language website and getSingle Developing with Prismic nuxtjs	5	648	November 9, 2022
Translatable URLs or slugs (configured in Prismic CMS) Developing with Prismic	6	1705	February 15, 2022
NUXT - SLICE MACHINE - Get current document type from header-prismic Developing with Prismic nuxtjs	6	1124	October 4, 2021
Dynamic nested routes Developing with Prismic nuxtjs	1	2138	November 26, 2020
NextJs Prismic routes and Slugs translation Developing with Prismic nextjs	19	566	August 18, 2024

Dynamic nested pages that have same slug and language tag query

Related topics