E-commerce with
In this episode we are going to create a product display page for our shop.
The goal for this episode would be to create a single product page for our products, so that when the user clicks on a product in our Next.js app it would take him to the product display page. To get the correct page, I'm going to show you how to filter products by slug from our Directus API.
Also we are going to refactor our query methods a bit, so that we end up with only one method for all of our queries, which will make our code look much nicer and more performant.
Code used in this tutorial
bit.ly/3HZYOG9
You can support my work on Patreon
/ watchlearn
Follow me on Social Media
Github: github.com/ivandoric
Twitter: / ivan_doric
Instagram: / watchlearntuts
Facebook: / watchlearntutorials
![E-commerce with #Directus and #Nextjs - [08] - Product Options And Directus Has Some Problems](/img/d.gif)
Пікірлер: 9
Your channel is the best 👌 Thanks for your great tutorials ❤️
@WatchandLearnTutorials
2 жыл бұрын
Thanks man. Glad you like them and thanks for watching. 😀
Hi, I am new to graphQL and Directus. I have been following the tutorial but failed to get the product page by the slug. Tried to mock the fetching in GQLPlayground and it turns out saying "Expect Name, Found $" when I initialise the variable in the GQL query. Any thought?
Hello, great channel. Can you do a three level master detail page with directus 9 and nextjs?
Thanks bro, your chanel just awesome.... Can i deploy it heroku? If i can than please make video.
@WatchandLearnTutorials
2 жыл бұрын
You can, at least you can deploy Next.js app. I'm not so sure about the Directus part since it requires a database. I don't have plans to make a video about Heroku Deployment. We will deploy it on Digital Ocean.
It would be very helpful if u show how to add custom api endpoint and custom api hook completely...
@WatchandLearnTutorials
2 жыл бұрын
There will probably be episode about that.
you changed the font btw lol