Route Parameters

Hello
I am Boubekeur and I am new to the Prismic tool
I am working on a request from a client to create his website with Prismic / VueJS

So I started with the documentation from the Prismic site, but unfortunately I have problems understanding the routing systems

To be more precise, I would like to make a career system, when I click on an offer I will be redirected to a page with the correct url

I hope I was clear enough in my explanations and thank you in advance for your help and support
Thank you

Hello @boubekeur_benzaid

Welcome to the Prismic Forum.

To implement route in Vue js, Please follow this documentation: Routing — Vue.js
After implementing it, define linkResolver function. Find more details here.

It's good to start exploring one of our sample project in Vue.js. It will give you an idea of how to route parameters and linkResolver works. Find example projects here.

Let us know if you have any doubts.

Thanks,
Priyanka

Hello @Priyanka

Thank you for your hospitality and for your response
Unfortunately I still can't understand how it works

Can you give me more information or a simple and complete example:

  • The different contents of Prismic
  • The different requests
  • How to implement all this on Vue

thank you so much
Sorry for my incompetence
:sweat_smile:

Hello @boubekeur_benzaid

That's totally fine. I'll be happy to help you from Scratch.

I believe you should start from:

  1. Creating Custom Type in Prismic. What is a Custom Type?
  2. What are the different fields in Prismic?
  3. Add and publish content. (Publish a New Document - Prismic)
  4. Check API after publishing the documents in the API browser.
  5. Different query methods in Vue.js.(Query the Prismic content API with Vue.js - Prismic)
  6. After querying, You need to template content from Prismic to your website. (Template Content with Vue.js - Prismic)

I hope It's clear to you. Let me know if you still have any doubt.

Thanks,
Priyanka

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.