Building a Headless Ecommerce Store with Tailwind CSS, Shopify, and Next.js

Показать описание

We'll fetch products from Shopify using the Storefront GraphQL API, and build our front-end by assembling and customizing components from Tailwind UI.

0:00 – Intro
0:42 – Starting point
1:56 – Tailwind UI
2:29 – Homepage hero
3:56 – Products list
5:26 – Storefront API
8:33 – Fetch helper method
10:50 – Products query
12:52 – Displaying products
15:55 – Drink some water!
16:04 – Single product page
16:33 – Tailwind UI page example
19:07 – Single product query
23:29 – Displaying the product
25:38 – Related products query
27:31 – Displaying related products
28:21 – Checkout button
32:45 – Wrap up

Tailwind Labs

Рекомендации по теме

Комментарии

This actually taught me GraphQL better than any Shopify videos I watched.

francismori

Love these longer form videos. Very informative watching the (pseudo) workflow of someone who is more experienced in working with these technologies.

valtism

Just brilliant. You covered and explained a plethora of tech there with a real world example with ease and superb clarity.

gavinbryan

You don't know how much confidence you gave me. Just from this one video, I got a solid idea of how to create a custom Shopify theme with Shopify GraphQL API.
I can't give you thank enough.

returnZeroo

I'm here mainly for Simon's introduction fade outro.

braydoncoyer

Amazing video...hope to see more advance Shopify and tailwind tutorials

Decatilinae

Gotta love those hidden sound effects. Epic video, thanks

ChadSolomon

I had no idea this video would be so full of content!!
Thanks for the amazing Content! and your teaching style is really simple and easy to follow along for us.🙌

yashsolanki