Video Training →Buildnextshop - Shopify + Next.js + Tailwind CSS: Modern eCommerce

Start building like the Pros.
Get a quick start with the latest tech stack that is in demand with the top brands and largest technology companies today.
We take advantage of the Shopify Storefront API (GraphQL) to get a robust, lightning fast checkout system out of the box. No extra set up needed.
Next.js is the React framework of choice for some of the largest companies in the world. It allows of effortless hybrid and server side rendering on the fly. The result is insanely fast page load times.
Tailwind CSS allows us to build modern websites without ever needing to touch our CSS file. It is a utility-first CSS framework used by some of the top designers and developers in the industry.
By leveraging the GraphQL query language, we are able to fully leverage the Shopify Storefront API and build with read speed. By using the GraphQL explorer, we can see exactly what data we will be working with.
Shipping production level projects to Vercel is as easy as a push of a button. You will learn how to efficiently configure Vercel for quick deployments


1. Introduction.mp4 ( 3:31)
2. What we will be building.mp4 ( 4:15)
3. Next.js + Tailwind CSS Setup.mp4 ( 7:55)
4. Shopify Setup.mp4 (10:13)
5. Fetching Products with GraphQL.mp4 (19:53)
7. Dynamic Product Pages.mp4 (15:14)
6. Displaying Products on Home Page.mp4 (18: 8)
8. Layout (Header and Footer).mp4 ( 6: 3)
9. Deploying to Vercel.mp4 ( 6:54)
11. Product Page (Option Selector).mp4 (20:14)
10. Product Page (Image).mp4 ( 5:18)
12. Add To Cart Functionality.mp4 (32:15)
13. Persisting Cart using localStorage.mp4 ( 4:58)
14. MiniCart with Tailwind CSS.mp4 (17:16)
15. Remove Item Functionality.mp4 ( 7:31)
16. Clean up and small fixes.mp4 ( 7:35)
17. Product Page Image Swiper.mp4 ( 8:21)
18. Footer.mp4 ( 6: 5)
19. Recommended Products Section.mp4 ( 7:36)
20. Home Page Sections.mp4 ( 8:32)
21. SEO for Next.js and eCommerce.mp4 (11:52)

https://www.buildnextshop.com/