filmov
tv
#1 Building Headless Commerce with Nuxt 3, Shopify, and TailwindCSS
Показать описание
In this video, we will be building a simple Headless Commerce website with Nuxt 3, Shopify, and TailwindCSS.
We will fetch the products from Shopify GraphQL API and build our frontend by using Nuxt 3 and TailwindCSS.
0:00 Intro
0:16 Demo
1:23 Vue Storefront
1:38 Tools used in application
2:30 Nuxt application
2:36 Installing TailwindCSS module
2:56 Building Layout components (TheHeader and TheFooter)
3:50 TheHeader component
5:10 TheFooter component
6:00 Custom layout
6:54 Home page
8:12 Nuxt GraphQL Client installation and configuration
10:04 Environment Variables
10:24 Products query
11:28 Using the Products Query in the Homepage
12:45 HomeBanner compoonent
13:55 ProductCard component
17:09 ProductList component
19:01 Product query
19:47 Product Detail page
23:35 ProductDetail component
30:27 Checkout mutation
-------------------------------------------------------------------------------------------------
We will fetch the products from Shopify GraphQL API and build our frontend by using Nuxt 3 and TailwindCSS.
0:00 Intro
0:16 Demo
1:23 Vue Storefront
1:38 Tools used in application
2:30 Nuxt application
2:36 Installing TailwindCSS module
2:56 Building Layout components (TheHeader and TheFooter)
3:50 TheHeader component
5:10 TheFooter component
6:00 Custom layout
6:54 Home page
8:12 Nuxt GraphQL Client installation and configuration
10:04 Environment Variables
10:24 Products query
11:28 Using the Products Query in the Homepage
12:45 HomeBanner compoonent
13:55 ProductCard component
17:09 ProductList component
19:01 Product query
19:47 Product Detail page
23:35 ProductDetail component
30:27 Checkout mutation
-------------------------------------------------------------------------------------------------
0:34:25
#1 Building Headless Commerce with Nuxt 3, Shopify, and TailwindCSS
0:02:54
What is Headless Commerce and How a Headless Commerce Solution Works? An Introduction
0:07:18
#2 Building Headless Commerce - Adding Content with Storyblok CMS
0:09:23
Headless Architecture Fundamentals - The Basics You Need to Know
0:03:58
Headless CMS vs Traditional CMS
0:02:42
What Is Headless Ecommerce? And Why You Need It.
0:03:47
What is Headless eCommerce? (vs Traditional Monolith)
0:05:24
Headless Ecommerce demo on Google Cloud
0:02:55
Build Best Headless E-commerce solutions in 2024 Simple Steps
0:02:39
Creating Amazing Customer Experiences with Headless Commerce
0:05:28
How I Create Modern E-Commerce Stores with Next.js
0:26:18
Vue Storefront Conference | Fast & Headless - Build Headless Commerce in minutes
0:01:42
What is headless commerce?
0:04:18
Salesforce Headless Commerce Demo
0:26:03
Headless Commerce With PWA And Magento 2.4.1 | Eric Erway
0:21:50
Headless E-commerce That People Love
0:01:13
Headless Commerce With IMORPH | Shopify Headless
0:16:14
5 Lessons I Learned About Headless Commerce So You Didn’t Have To with Shopify's Victoria Dugga...
0:29:39
Headless Commerce done right, with Commerce Layer
0:04:49
Headless Shopify Plus Explained. What is Headless Shopify. Shopify Headless Commerce Guide.
0:00:14
Configure commercetools API Client
0:57:57
Open Source, Headless Commerce, Community: Twitter Space with Pranshu Khanna
0:01:44
What is Headless Commerce?
0:03:16
Commerce Talk — Headless Commerce, Explained
Комментарии