Why Headless E-commerce? (Implementation with Next.js 13 & Shopify)

A headless architecture for your e-commerce store will allow you to convert more traffic to sales and has a variety of other benefits.
Vercel Commerce Repo: github.com/vercel/commerce
Sources:
www.cloudflare.com/learning/p...
www.portent.com/blog/analytic...
Want help moving to headless? We can help!: fabled-web.ca
Chapters:
00:00 - What is Headless Commerce?
00:45 - Why Headless Commerce?
02:28 - Case Studies
03:23 - Shopify & Next.js Implementation
11:24 - Outro

[@jamesdarrigo8277]

Great vid bro. Full stack dev here working full-time with a headless NextJS/CMS setup. This is the most straight to the point walkthrough I've been able to find on setting up Shopify for a headless architecture. Thanks for the video!

[@benhaig]

Glad it helped dude! Thank you for the comment :)

[@samueltouncalvito]

i have one question, how can i set up a login/register so i can relation the order with the customer, for a orders list page in the customer

[@muradqumizakis8428]

This video helped sooo much.... i wish the second part was out already!!!!!!!

[@tayyabhussain6671]

if you make more videos on this template, I can refer this channel to other students who are learning this template with me on a boot camp, where we are learning headless commerce with Shopify and next.j-13.

[@luizvictoriobaptistaneto1561]

Yes please dude, do a detailed video breaking out the vercel commerce code.

[@codezeloss]

Thank you! Are you planning to drop a full series or tutorials to build headless e-commerce stores using Nextjs + Shopify? I hope so... There are not so much resources about it especially in KZbin. Thanks again!

[@lovrozagar3729]

Amazing work. Please do a full guide/full series with NextJS 13, and shopify integration. 😄

[@benhaig]

Will do soon!

[@lovrozagar3729]

@@benhaig Perhaps, you can show how to set up the user account as well in a headless store. I have found little to no information anywhere regarding auth for headless, only the docs but it is not that great. Just an idea for future vids. 👋

[@benhaig]

For sure! I have some other content I am working on right now, but keep an eye out for the video in the next couple of weeks :)

[@lovrozagar3729]

@@benhaig Definetly will do! :)

[@neillmennell9779]

Great video ❤Ben please add more Next 13 and Shopify headless videos.

[@user-pw5wb2jz1y]

Amazing bro!. I am curious to know after developing this head for Shopify, how's the customer/owner would be going to change something in the store like one want's to change the content ??

[@SimoAissaoui-ko7jk]

Cool bro keep going

[@myev2421]

Hello brother! can you please do one for a multi vendor??

[@luan123z]

NextJS + Shopify or Remix Hydrogen? Which one do you prefer?

[@sohrabkhan101]

When will you create project on it next js with shopify?

[@tayyabhussain6671]

please make more videos on this template.

[@hecdeveloper852]

why not pnpm install? 7:18

[@oguzhanacar8158]

Hello Ben. Just a quick correction. Dont get me wrong. Everone can create shopify partner account for free. So easily build templates free.

[@cuti9114]

PLzz make a full headless next js 13 shopify ecommerce 2.0 project video

[@benhaig]

Coming soon! Keep an eye out for it

[@naamees]

+1 this is bleeding edge content dude when i update my shopify products stock it doesn't reflect in the store app - do you know why?

[@benhaig]

Sorry James I don’t know. I’d have to take a look at your code. I’d recommended just following the guide perfectly on vercels website as I have never had that issue. Sorry I can’t be more helpful.

[@code.badger]

replace force-cache with "no-cache". If issue still persist go to vercel dashboard select project > settings > Data Cache > Purge everything

[@Leon-yw5qx]

Promo SM 😥