Shopify hydrogen 2.0 plus remix Session 1 | Setting up your local environment
Вставка
- Опубліковано 8 вер 2024
- 💘 Subscribe Now: / @shopifyexpertphilippines
📍 Checkout Latest Release: • Shopify hydrogen 2.0 p...
📌 Featured Previous Release: • Shopify hydrogen 2.0 p...
🍎 Upcoming Short Course: • Shopify Admin API Inte...
🎈 Playlist for Hydrogen 2.0 + Remix: • Shopify hydrogen 2.0 p...
In this video, we took up the first series of Shopify Hydrogen 2.0 requirements in setting up your local environment.
Creating your first Shopify hydrogen app requires us to install the following dependencies in our system.
1) Node js 16 or above nodejs.org/en
2) VS Code code.visualstu...
3) Insomnia client for Graphql insomnia.rest/
4) Shopify Partnership account to create your development store. www.shopify.co...
5) Install the private app for your storefront API credentials
6) Git for your version control for Windows git-scm.com/
Please note that I am in a Windows 11 environment, maybe you are using a different operating system. Make sure you can find those above requirements compatible with your current system.
✅ Landing Page: How to deploy your hydrogen app to different Subscription like Basic, Shopify and Shopify Advance. - • Add a Hydrogen Remix t...
✅ Intro Short Course: Short Course Session List - • Shopify Hydrogen 2.0 S...
✅ Session 1: Setting up your local environment and install required dependencies - • Shopify hydrogen 2.0 p...
✅ Session 2: Part 1: Adding Announcement Bar - • Shopify hydrogen 2.0 p...
✅ Session 2: Part 2: Adding Free shipping progress bar - • Shopify hydrogen 2.0 p...
✅ Session 2: Part 3: useFetcher and useIsHydrated - • Shopify hydrogen 2.0 p...
✅ Session 3: Adding Swiper to your Product Swimlane - • Shopify hydrogen 2.0 p...
✅ Session 4: Adding Contact Page - • Shopify hydrogen 2.0 p...
✅ Session 5: Adding Upsell Item to your Product Page - • Shopify hydrogen 2.0 p...
✅ Session 6: Adding Animation to your Hydrogen App - • Shopify hydrogen 2.0 p...
✅ Session 7 Part 1: Adding Newsletter Form - • Shopify hydrogen 2.0 p...
✅ Session 7 Part 2: Adding Back in Stock to your Product Page - • Shopify hydrogen 2.0 p...
✅ Session 7 Part 3: Adding Preorder and Mega Menu - • Shopify hydrogen 2.0 p...
✅ Session 8: Part 1: Blog Category GraphQL Pagination - • Shopify hydrogen 2.0 p...
✅ Session 8: Part 2: Collection Sorting & Filtering - coming soon
Subscribe to my channel:
/ @shopifyexpertphilippines
#shopifyhydrogen2
#shopifyhydrogentutorial
#shopifyhydrogenremix
#practicalcourse
#practicalshortcourse
#handsontutorial
#reacthooks
#reactcomponents
#newsletterformhydrogen
#backinstockhydrogen
#preorderhydrogen
Thanks philip
If you created and facing createStorefrontClient issue with the latest hydrogen app, there are lines were initially removed by default from your .env file
please make sure you added these lines to .env file after SESSION_SECRET="foobar" like as follows:
PUBLIC_STOREFRONT_API_TOKEN="**********your-storefront-api-token**********" => if you trying to connect with development store, please configure your storefront credential from develop app. If would like to connect with your active plan like basic, shopify, advance. Please follow these steps ua-cam.com/video/bIebeX0Nyyc/v-deo.html
PUBLIC_STOREFRONT_API_VERSION="2023-04"
PUBLIC_STORE_DOMAIN=your-store-name.myshopify.com"
After running the npx create hydrogen app command, it asks me if i want to login to my shopify or use mock data. whenever i click login to shopify, somewhere in the process i get stopped by an error that has the message: "Access denied for hydrogenStorefrontCreate field. Required access: User must have full access to apps or access to the Hydrogen channel.", and I've gotten this error in all the tutorials ive tried. idk why cuz i followed all the steps
same
I contacted support it says you need shopify plus plan
Hi, install latest Node then run npm create @shopify/hydrogen@latest instead npx create hydrogen app
@@shopifyexpertphilippines node version v18.17.0, npm version 9.8.1 still getting the same issue. Am I supposed to have shopify plus?
@@faruksmajlovic6773 no, for development stage, you need a partnership account, configure your develop app storefront API credentials.