E-commerce with
In this episode we are going to start building an e-commerce site using Directus and Next.
After three episodes of basically setup and updating it is finally time for us to start building our application.
And what are we going to be building, you might ask?
Well, for this series I decided not to make movie database type of thing like I always do in these tutorials, but instead we are going to be building a web shop, or an #e-commerce site.
Now, I know that some of you are going to be pretty excited about this, since I’ve gotten a lot of messages over the years to make an e-commerce site. However, before we begin keep these two things in mind:
1. PLEASE, PLEASE, PLEASE don’t use what we are doing here to create production grade e-commerce site, there is a lot of details that go into making web shops and we are not going to cover them all in this series. E-commerce site is just an example that is going to give us a nice playground on which we can play with interactions between Next.js and Directus 9.
2. I’m not going to be covering payments in this series, because payments can be a very sensitive issue and I don’t wanna show something that could potentially lose someones money. So payments are of the table.
That being said, WE ARE going to try to implement a lot of functionality that web shops have, like adding items to cart, price calculations, checkout, user area and so on. And I hope that this series is going to be educational for you and that you have fun with it.
Code used in this tutorial
bit.ly/3zkzLdY
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 - [06] - Filter Products By Category](/img/d.gif)
Пікірлер: 19
It would be very helpful if u show how to add custom api endpoint and custom api hook completely...
💗
Awesome, why are you not using the SDK from Directus?
@WatchandLearnTutorials
2 жыл бұрын
Didn't even know the SDK exists, now that I do know, I kind of don't wanna use it, since I wanna show GraphQL in this series, and it seems to me that wouldn't be possible with the SDK.
@dragon3602010
2 жыл бұрын
@@WatchandLearnTutorials ah okidoki yeah u right, I don't think we can use graphql with it 👍
I will use this course to make a base for my next webshop but your disclaimer made me thinking about it again....
@mediacreatif
2 жыл бұрын
but of course I won't use SQLITE but MySQL instead.
@WatchandLearnTutorials
2 жыл бұрын
@@mediacreatif You could use this as a base, but there are lots of things that you will have to do yourself that will not be covered in this series to make this production grade web shop, like security, payment, form validation etc.
@mediacreatif
2 жыл бұрын
@@WatchandLearnTutorials sure of course :)
I want to get categories sort by no of products they have? How should i approach this? Any help will be appreciated?
@WatchandLearnTutorials
2 жыл бұрын
When creating a M2M relationship on products for categories, you can choose to have that field show up on categories also (The option will say something like "Add M2M to "categories""). So then you will be able to query categories and get the number of products connected to that category. That query would look something like: categories { id products { products_id { product_name } } } And then products would be an array, and you would just need to get the length of that array, and then you would get number of products.
How create inverse connection, connect product from category?
@WatchandLearnTutorials
2 жыл бұрын
When creating a M2M relationship on products for categories, you can choose to have that field show up on categories also (The option will say something like "Add M2M to "categories"")
Which GraphQl extension did you use (vscode)? Did you have to run a command to create the schema?
@WatchandLearnTutorials
2 жыл бұрын
I don't use VS Code. I'm using PHPStorm and it's GraphQL plugin.
@domjag600
2 жыл бұрын
@@WatchandLearnTutorials There is a lot of GraphQl plugins, (GraphQL Foundation, Maxime Quandell, another from Orsen Kucher and about a dozen more.
@WatchandLearnTutorials
2 жыл бұрын
@@domjag600 As I've said I don't use VsCode so I never heard about any of these plugins.
@mediacreatif
2 жыл бұрын
did you find how to run the command to create the schema in VSCODE ?
@marklong2060
Жыл бұрын
You can try this if you are having trouble getting VS Code set up for graphql queries www.apollographql.com/