- Introduction
-
Course overview
-
How to get started
- Build account management pages with Hydrogen
-
Introduction to account management pages
-
Exploring building an account management page
-
Storefront activity lab: Implementing adding account details display
- Launching the site
-
Introduction to launching your website
-
Storefront activity lab: Deploying with Oxygen
-
Storefront activity lab: Publishing the storefront
- Performance optimization and caching strategies
-
Introduction to performance optimization
-
Using Remix: Nested routes and loader functions
-
Implementing request-level caching strategies
-
Optimizing bundle size
-
Storefront activity lab: Image optimization
-
Storefront activity lab: Enhanced error handling and boundaries in Remix
- SEO strategies and internationalization for Shopify developers
-
Introduction to SEO strategies for Shopify developers
-
Utilizing Hydrogen for SEO-friendly elements
-
Internationalization and multilingual support
-
Storefront activity lab: Addressing currency and regional settings
- Debugging and troubleshooting in a Hydrogen based storefront
-
Debugging in a Hydrogen-based storefront
- Analytics and data-driven insight for Shopify Developers
-
Introduction to analytics and data-driven insights
-
Storefront activity lab: Implementing analytics tracking in the storefront
-
Storefront activity lab: Analyzing customer behavior and key performance indicators (KPIs)
- Wrap up and next steps
-
Summary of the key concepts covered in the course
-
Additional resources
-
Course Feedback
Hydrogen Best Practices
Learn best practices to optimize a custom storefront
Learn best practices to optimize a custom storefront, including how to increase speed and efficiency, enhance online visibility through Hydrogen’s SEO-friendly features, and how to use analytics to achieve desired outcomes.
By the end of the course you'll have the tools and knowledge to:
- Launch a Hydrogen-based Shopify storefront by setting up domain connections, redirects, and handling account integrations for a smooth transition from an existing store.
- Apply performance optimization techniques, including optimizing bundle size, implementing caching strategies, and splitting queries to enhance the storefront's speed and efficiency.
- Implement SEO strategies to improve visibility and search engine ranking, utilizing Hydrogen to implement SEO-friendly elements like meta tags and rich snippets.
- Enhance internationalization and multilingual support, adapting the storefront for diverse audiences with different languages and regions.
- Debug and troubleshoot common issues and bugs in the Hydrogen-based storefront using effective troubleshooting techniques and error handling.
- Leverage analytics to derive valuable insights and make data-driven decisions, implementing analytics tracking to monitor store performance and user interactions.
- Analyze customer behavior and key performance indicators (KPIs) for ecommerce success, utilizing tools like Google Analytics and Shopify Analytics.
- Effectively prepare and launch the Hydrogen-based storefront, managing domain connections, account integrations, and catalog updates for a successful launch.
How to get started
You can go through this course at your own pace and on any device. For information about minimum technology requirements to access courses and assessments, navigate to our Help page.