I follow you since this channel was Android specific. I am still in Android but still follow along with your tutorials as a side learning. What an amazing tutorial is this. Very much thank you Florian.
Thank you Florian. I am currently busy doing a project with a word press backend. This is fantastic. Bcz it's similar types of logic. Appreciated Bro. Keep up your good coding practise. Learning alot on your channel
I love the project and happy over all. One thing I would suggest is that if you need the same data in multiple places it would make sense to fetch it once and put it in a context then get it from there in the components that need it. Fetching the data in the component that needs it every time may make the app feel slow. I've had the best performance times doing it like this.
@@codinginflow Let's take the cart for example. It is needed pretty much anywhere in the app. What I would do I would fetch the cart into the top level layout then I will put all the data in a context (CartContext). In the context I will also create some functions to mutate the cart data. There's the pace where I would use the useCart hook you created to fetch data. Long story short I would try to keep all the related data in one place while making it available to all the components that need it and also not having to pass props too many levels down. You might argue that then I will have to turn all the cart components into client components but that's fine. Because the data is fetched on the server there's no layout shit or screen flash because it is passed to the context from the server. Then the client components are also run on the server initially and they will have access to context data even on the server. Following this approach, my websites hit less than 0.5 seconds to load and they are not static websites.
Trying this tutorial using latest Next JS 15, it has some changes to the rc before. In Latest NEXT 15, dynamic api is asynchronous and you have to await it first before you use it. If you going into some error about the latest NEXT 15 when following this tutorial, just read the documentation that served by NEXT happy coding
Thank you for these perfect videos! Quick question - why not consider adding a ChatBot to this e-commerce site? It could really address the most sought-after features in the market :)
I already published one project from your previous tutorial on this theme. I built the portion of the backend myself, but I like this one more. The problem is Wix supports only PayPal payment in my country and I have a direct connection with the bank for the payment. Is it possible to use Wix API to trigger that payment was made? Also, API could be super helpful for uploading products from an existing database and not adding them manually.
Kudos for all the effort you put into this one! If it was your own e-commerce project, would you go with Shopify or Wix headless? Or some other headless solution? Thanks
correct me if i am wrong, react query is a client side data fetching tool so how it will help SEO as data will be fetched at client side not in server side ? and why don't you use getServerSideProps ( don't know the same process for next 15 😅) or incremental static regeneration ?
You're correct. That's why we only use React Query in specific places. We need it for optimistic updates and infinite loading since you can't do that server-side.
Thanks Florian. I think of in-depth courses e.g. forms and forms validation (client and server side) , server actions, react query, API`s, Next.js and ORM (Postgres) and so forth. So “short and precise’ more in depth tutorials/subject. I have learned from you so much and when I develop an application with Next.js I follow your "state of mind" 👌
@@codinginflow Thanks alot bro you're the best. Quick question. Should I upload it to VPS server like Hostinger cause I heard vercel is costly when used for production.
Hi Florain ❤ I am using the version 15 next.js. I’m trying to track the following error wix-client.base (getWixClient) … at the OAuthStrategy getting unhandled runtime … can’t read properties of undefined reading metadata. Do you have any idea where can I find a solution for this particular issue ? 🤲
@@ilan117 I fixed it, the problem is updating all the @wix/... so is updated. And if you cant, then add to the package.json this: "overrides": { "jsonpath-plus": "^10.1.0" }, Hope it helps
I learned how to make 2d games in unity from this guy and now im learning fullstack websites as well, what a goat.
Respect for going through it all 💪
I follow you since this channel was Android specific. I am still in Android but still follow along with your tutorials as a side learning. What an amazing tutorial is this. Very much thank you Florian.
All projects and coding tutorials in this channel are amazing and super engaging. Thank you CodingInFlow
You're very welcome!
Thank you Florian. I am currently busy doing a project with a word press backend. This is fantastic. Bcz it's similar types of logic. Appreciated Bro. Keep up your good coding practise. Learning alot on your channel
Hey! I am too starting a project with Woocommerce (Wordpress) and have some questions - can we connect?
oh well, this is going to be a busy weekend. thanks
Hello Florian!, I will stay tuned for more heavy enterprise level Next/Typescript React-query Projects.
I love the project and happy over all. One thing I would suggest is that if you need the same data in multiple places it would make sense to fetch it once and put it in a context then get it from there in the components that need it. Fetching the data in the component that needs it every time may make the app feel slow. I've had the best performance times doing it like this.
Can you give an example?
@@codinginflow Let's take the cart for example. It is needed pretty much anywhere in the app. What I would do I would fetch the cart into the top level layout then I will put all the data in a context (CartContext). In the context I will also create some functions to mutate the cart data. There's the pace where I would use the useCart hook you created to fetch data. Long story short I would try to keep all the related data in one place while making it available to all the components that need it and also not having to pass props too many levels down.
You might argue that then I will have to turn all the cart components into client components but that's fine. Because the data is fetched on the server there's no layout shit or screen flash because it is passed to the context from the server. Then the client components are also run on the server initially and they will have access to context data even on the server.
Following this approach, my websites hit less than 0.5 seconds to load and they are not static websites.
@@ionutsandu5913 The cart data is managed in a single place using React Query
Top Tier Channel
Awesome Buddy, please make more like this on Ecommerce
The man the myth the legend
Great choice avoiding temptation there at 1:01:48 XD thanks for this awesome content
Om my God thankyou flowshop intergrated COD Delivery
Top notch video, there's a lot we can learn from this single video.
Amazing brother👏
Glad you think so!
Trying this tutorial using latest Next JS 15, it has some changes to the rc before.
In Latest NEXT 15, dynamic api is asynchronous and you have to await it first before you use it.
If you going into some error about the latest NEXT 15 when following this tutorial, just read the documentation that served by NEXT
happy coding
Thank you for these perfect videos! Quick question - why not consider adding a ChatBot to this e-commerce site? It could really address the most sought-after features in the market :)
That's a cool idea. You should do it!
Amazing lecture❤❤
Literally best project with best instructor with amazing teaching skills❤❤❤
bhai dekh to le phale video
I already published one project from your previous tutorial on this theme. I built the portion of the backend myself, but I like this one more.
The problem is Wix supports only PayPal payment in my country and I have a direct connection with the bank for the payment. Is it possible to use Wix API to trigger that payment was made? Also, API could be super helpful for uploading products from an existing database and not adding them manually.
Thanks for this bro. Thanks for take you time for build an excelent base project for our future. Hugs!!
Thanks brother
Amazing!! Thank you for this kind of content
Kudos for all the effort you put into this one!
If it was your own e-commerce project, would you go with Shopify or Wix headless? Or some other headless solution? Thanks
How can we implement the add product to a wishlist with Wix headless ?
This is great, Thanks for Sharing.
Amazing content 😮
Thank you!
This amazing , great job
Thank you!
do we need know reatjs before join this tutorial
This is amazing😍
This is really cool. Thank you. I just finished your social media app tutorial and now I'm going to start this new one.
This is awesome!
correct me if i am wrong, react query is a client side data fetching tool so how it will help SEO as data will be fetched at client side not in server side ? and why don't you use getServerSideProps ( don't know the same process for next 15 😅) or incremental static regeneration ?
You're correct. That's why we only use React Query in specific places. We need it for optimistic updates and infinite loading since you can't do that server-side.
@@codinginflow Thank you
Is there anything that is not free in the tools used?
Florian ❤ Thank you so much. I am wondering when will you have start paid courses more in depth ✌️
What would you like to see in a paid course?
Thanks Florian. I think of in-depth courses e.g. forms and forms validation (client and server side) , server actions, react query, API`s, Next.js and ORM (Postgres) and so forth. So “short and precise’ more in depth tutorials/subject. I have learned from you so much and when I develop an application with Next.js I follow your "state of mind" 👌
@@ilan117 Thank you I'll take note of that!
This is really really nice. Thank you.
Glad you like it!
@@codinginflow please is the wix studio free?
@@calebopule2490 Everything except for checkout is free. That's why we implement it only at the end of the tutorial.
Awesome
One request please make admin panel for this with full functionality just like you used in this tutorial.
Yea right, so you're asking him just to build what a "bilions dollar company" built over the years. Seems fair.
Wow been waiting for this bro. This is great. Can I really use this for my freelance client?
Yes of course!
@@codinginflow Thanks alot bro you're the best. Quick question. Should I upload it to VPS server like Hostinger cause I heard vercel is costly when used for production.
@@brancode404 I would deploy to Vercel and only consider my own hosting if I get a ton of users
When should I stop using vercel? Will it alert me? What is the user limit for vercel to charge me bro?
Hello my favourite TV presenter
Hello 👋
Love u legend
Level
❤❤❤❤❤❤
Thanks bro ❤
🙂👍🏻💯💯
If you are facing a problem with the (next Link), if the images or title do not appear, just replace them with (a tag)
I don't want to depend on wix I am creating whole wix backend in nextjs
Fair enough
Hey there, i was planning on doing the same. let me know how you approach this.
@@_vyas_ayush I am doing backend with Laravel API with MySQL dB.
@@_vyas_ayush I am using Laravel API as a back-end framework. With MySQL dB
Hernandez Nancy Rodriguez Dorothy Smith Melissa
bro using edge☠
Only in the beginning because I had some problem with Chrome 😆
1:01:44…. 😳😳😳 😮😮😮😮 How can you pray that the site works yet you hover over something else appealing to you. You need Jesus…
😆
your face doesn't match your voice
You r not funny
Your comment isn't related to this video .
Who care ? Show us your’s
Hi Florain ❤ I am using the version 15 next.js. I’m trying to track the following error wix-client.base (getWixClient) … at the OAuthStrategy getting unhandled runtime … can’t read properties of undefined reading metadata. Do you have any idea where can I find a solution for this particular issue ? 🤲
Have the same error, did you fix it?
@ i reverted it back to the RC. I could not find a solution. I was hopping Florian will give it a look. 🤲
@@ilan117 I fixed it, the problem is updating all the @wix/... so is updated. And if you cant, then add to the package.json this:
"overrides": {
"jsonpath-plus": "^10.1.0"
},
Hope it helps
awsome man!