Hey there Josh! Thanks for your informative videos! I would be really excited if you could upload a full video where you build a shop exactly in this manner. I love how it's so fast, allowing customers to quickly access the product page without waiting. Since I'm not familiar with all the steps, a comprehensive project video would be fantastic, and it would greatly assist me (and probably many others) as well. If you could construct a shop from scratch, starting from zero, I'd be extremely delighted if you could showcase everything. I'm eager to learn how to program a shop like this, and I can only do it with your guidance! Grüße 😁
you are paying for the admin dashboard + stripe you have to do some logic to get it done and in the long run shopify is scalabe and battle tested , not like your crappy code
Been doing it like this aswell but there were always 2 things that bothered me: - Persisted login state (between the frontend and the hosted checkout page) - Hooking up to shopify builtin analytics page. Did you figure that out?
Hey Josh, love all your videos which are crisp and on point. Would love some in-detail videos like tutorials or projects like creating an e-commerce app using Shopify and nextJS.
Bro! You're a lifesaver, my job is asking me to redo their entire ecommerce shop, from the code to design, with a shopify backend (and I already know NextJS, Tailwind, Typescript, etc). If you do a full project video that would help me (and judging by the comments) and others so much. PleasE!~
I like your videos. It´s an older video, but just one thought. Being myself working with Next JS (and despite some concerns I like it) going with shopify as CMS I would definetely consider Remix as JS frontend instead, because the guys from shopify buyed Remix end of 2022, so in the long run I guess it´s easier in combination with Remix I assume. Or in other words: Changing the frontend later is much easier than changing your CMS. Keep the vibe going.
hey Josh great content!! could share (maybe a video) on how you handle design for your freelance work? do you work with a designer? design your self? or ask the customer to bring their own design?
Sometimes they already have an idea or even a designated design team. If not, using TailwindUI and shadcn/ui works wonders for creating a beautiful UI quickly
Josh, please do a headless Shopify/Bigcommerce full project tutorial with auth, payment and deployment. Currently there is no in-depth tutorial for this anywhere on youtube. Thanks 😀
Love your videos! Can you make a video about how to structure a scalable, complex, enterprise-level app using Next.js? I find the Atomic Design Methodology very interesting. Is it scalable? Why or why not? I think it would make a great idea for a video.
Hey Josh, great video! I was wondering why you are using Shopify when you as an experienced nextjs dev can set up an own dashboard for products and orders. What's the reason behind this? Im currently building an ecommerce store and just stumbled upon your video.
Thanks Josh! I was looking for a video like this, just to make sure if I should use shopify when creating websites with modern frameworks like nextjs. Since I always saw people using shopify with templates, I was wondering if any client would even want to pay extra for a custom build.
Love your videos. I recently came across a headless backend for ecommerce called swell, any chance you could do a tutorial on how to integrate that with next.js 13, that would be amazing !!!
i dont undertsand where the CMS come into play in this setup? i see your storing the products and sales directly in shopify, i dont see the need of an CMS.. can you explain this please?
everything was nice until the success url for the payment process, it redirects you to shopify’s default template theme website builder, Josh if you found a solutions please tell me or any of the you guys could help me to solve this
Sorry, I speak Spanish and I'm trying to understand, exactly in the shopping cart part, does it mean that the products are saved in a database? That is, wherever that user logs in, will they be able to see their products?
I don't get this. Surely with this you're still paying for Shopify (which is expensive) and not making use of what that money gets you (all the templates, pro made front-end etc). Or is the Shopify API free/cheap to use? Thanks
sorry I wanted to add, versus the hydrogen remix version starter project do you get similar project? with pre-build SSR components/components? I'd like to keep going with next and not remix but I'd like to know the pros and cons besides having to learn remix
Wow very cool! I’ve only built a SAAS with one type of membership so, this sounds more robust eccommerce! I’m sure this is one good way , Wordpress has woo commerce , I wonder if there are other good platforms/ services that we ca use to achieve this with nextjs ?
Hi Josh, this video use about Shopify+ Next js for getting benefit on headling payment. And also 1 video using payload+stripe+Next. What are the pros and cons? As I know, payload is free but Shopify is $89 per month but with better storage management. Any further discuss about this? Thanks
That’s one of the approaches which sounds nice but don’t really work in practice. In that checkout page if user click back they face up wtih your shopify online store.
A comprehensive video on webhooks in NextJs will be very helpful. I was looking for one and couldn't find one. BTW I love the sound mixing of your videos, it is always so on point.
So i like the route youve gone but is it possible to load that checkout page as a modal so you dont redirect the user away from the store. if anyone knows if thats possible or even a good idea. Id love feedback
Great idea, unfortunately Stripe is not supported in my country (Bosnia). Are there any other solutions for creating a business, shop or whatever its called on Shopify without Stripe, i mean is there any alternatives like credit cards or stg like that...
stripe and all is cool but i always wonder how do people actually implement their own custom gateways and all... i once tried to do it and never came close L
Hi, Can you tell me that if create a theme using this stack would i've to pay both for shopify and hosting service or not? Please answer my question if anyone knows?
How would you approach building a portfolio/company website with multiple subpages, blog, contact forms, etc. with everything being customizable via CMS? What CMS to choose? Go headless or use “good” old wordpress + next? Start with a template or create everything from scratch?
Hi, I was also interested in finding the best way to do it in 2023. After some research, I think Astro for frontend + a headless CMS like Strapi is the way to go. You can even use markdown files if you will have a project without the need for a CMS.
I've built several sites like this for non tech-savvy clients and I've found the best / most customizable CMS to use with the Next app router is Sanity. You can quickly setup an embedded studio inside a route in your app, define your schemas and you're good to go. For contact forms / newsletters react-hook-form + sendgrid is a good option, maybe even react-email + resend if you're mainly doing transactional emails. If the client is tech savvy you could go the markdown route and use contentlayer + mdx.
wordpress + react is a totally valid approach. I've usually used sanity cms for freelance work in the past, it's pretty intuitive for clients and you can query data in a graphql-kinda way. But there is no typesafety unless you use some additional modules, there might be better options
hey Josh, i am trying to make my Next.js application official, i bought the domain but i don't know what to write in .htacess so that when user enters my domain it should render page.js and so on.
Hey josh i have been watching your videos constantly from a long time 🙂 A detailed video on the file structure of this next.js commerce template please 🥺 In which we can understand the code
yeah that's what we're doing here, shopify is the cms we get all the products and collections from. Might be a bit unclear from the diagram, I just meant their "CMS" functionality
Woocommerce with bank extension ,this is honestly depressing ,because stripe and Shopify is great ,but not working for the Eastern Europe ,there is no good alternatives @@joshtriedcoding
How's the state of credit cards frauds? I've been told by other devs to avoid it as much as possible because dealing with it is a pain in the ass. I have no idea cause I've never tried.
Great topic. Can I could use this stack for a ticket sales platform for music festivals? It is common for many customers to compete for a small amount of tickets as a phase ends. I want to harness the power of nextjs and the thoroughness of shopify to securely handle many users paying at once. I also want to implement ticket reservation when a user adds to cart, and release tickets if a user takes too long to complete checkout. Is this possible with headless shopify? If someone could let me know that'd be great. 👌
