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.
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
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.
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.
hey bro great video. So far I made it all the way up to the 2:30:51 mark. However I can not get my front end to reflect the changes I make to product in the wix backend. I keep refreshing and emptying cookies, yet nothing. I even deleted a product but it is still showing the updated product list. How can I get this to update? Is there some sort of revalidation piece of code I was supposed to add somewhere? Please help
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.
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?
All projects and coding tutorials in this channel are amazing and super engaging. Thank you CodingInFlow
You're very welcome!
oh well, this is going to be a busy weekend. thanks
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
Great choice avoiding temptation there at 1:01:48 XD thanks for this awesome 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
Top notch video, there's a lot we can learn from this single video.
Amazing brother👏
Glad you think so!
The man the myth the legend
Thanks for this bro. Thanks for take you time for build an excelent base project for our future. Hugs!!
Thanks brother
Om my God thankyou flowshop intergrated COD Delivery
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.
Amazing!! Thanks you for this kind of content
Amazing lecture❤❤
Amazing content 😮
Thank you!
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.
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
hey bro great video. So far I made it all the way up to the 2:30:51 mark. However I can not get my front end to reflect the changes I make to product in the wix backend. I keep refreshing and emptying cookies, yet nothing. I even deleted a product but it is still showing the updated product list. How can I get this to update? Is there some sort of revalidation piece of code I was supposed to add somewhere? Please help
Are you running your app via npm run dev?
@@codinginflow yes I am using npm run dev
@@codinginflow any update on this?
Literally best project with best instructor with amazing teaching skills❤❤❤
bhai dekh to le phale video
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 amazing😍
This is awesome!
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
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
What time period is the .env WIX_API_KEY code in the video? Thanks everyone!
What do you mean by time period?
@@codinginflow I need help setting up the WIX_API_KEY code, thanks!
@@QPT-yf7is I explain that in the video
Hello my favourite TV presenter
Hello 👋
Thanks bro ❤
This is really cool. Thank you. I just finished your social media app tutorial and now I'm going to start this new one.
Level
Love u legend
I don't want to depend on wix I am creating whole wix backend in nextjs
Fair enough
❤❤❤❤❤❤
🙂👍🏻💯💯
awsome man!
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