#Directus 9 + #Nextjs - [04] - Products and Categories

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

https://bit.ly/3zkzLdY

### You can support my work on Patreon

https://patreon.com/watchlearn

### Follow me on Social Media

Github: https://github.com/ivandoric
Twitter: https://twitter.com/ivan_doric
Instagram: https://www.instagram.com/watchlearntuts
Facebook: https://facebook.com/watchlearntutorials