LW 129 - Checkout Branding and Extensions

Checkout Branding and Extensions 
Shopify Development news and articles
 
I've been doing a deep dive on checkout extensions and branding recently and I've decided to include links to some keys docs and source code I think you'll find helpful. -Karl
Liquid Weekly

All Things Shopify Development

How To Fix Invalid_Target in Shopify Theme Dev [Shopify CLI]
In today's unexpected tutorial, we'll address a common issue encountered while setting up Shopify theme development locally using Shopify CLI 3.0. If you've been grappling with the "invalid underscore target" error when running the Shopify theme dev command, then this video is tailored just for you!
Shopify: AWS Serverless Webhooks. Robust Webhooks Integrations using AWS
Using the EventBridge connector you can quickly create a custom Shopify app that can queue, consume, and process webhook data in well-formed processes that run on AWS infrastructure, minimizing your app’s custom code footprint and offloading the server maintenance responsibilities to a competent third-party in AWS.
Shopify Liquid Development - Using Javascript Frameworks (React, Vue, Svelte, etc) - YouTube
In this video we are going to see how to use Javascript frameworks such as Vue, Svelte or React in a Liquid theme. This approach is intended for when for one reason or the other you need to reach for one of those frameworks to build a section of your Shopify theme.
Improving LCP on Your Shopify App | Daniel Beck
Last contentful paint (LCP) is a big pain-point for Shopify app developers seeking the Built for Shopify (BFS) badge. There’s a lot of different factors that can slow you down, it depends on real-world performance, and there’s a delay before you see the metrics. This makes it hard to iterate quickly and it can take a long time to identify and fix issues.
Shopify/ui-extensions - /documentation/how-extensions-work.md
The underlying technology for UI Extensions is remote-ui, an open source technology built by Shopify. remote-ui provides the basic message passing system that is used by UI Extensions to communicate with the “host” application they are extending. remote-ui also provides the component model extensions use to describe their UI. If you are familiar with building for the web, remote-ui is very similar to the DOM — it gives you a programmatic model for defining UI components and attaching UI to the screen.
Web Workers API - Web APIs | MDN
Shopify's Checkout Extensions are run in a Web Worker. Web Workers makes it possible to run a script operation in a background thread separate from the main execution thread of a web application. The advantage of this is that laborious processing can be performed in a separate thread, allowing the main (usually the UI) thread to run without being blocked/slowed down.
Oh My Git!
Oh My Git! is an open source game that introduces players to the popular version control system "Git". It is highly interactive, and aims at building intuition for operations like "merging" or "rebasing" branches. Players are guided through the features of Git step by step – each level tells a little story where the player can use their new-found powers to solve problems or help others.
Customize the header that displays at checkout
This guide explains how to customize the header using Checkout Extensibility. You'll use checkout UI extensions and the GraphQL Admin API's checkout branding types to render a customized header on the checkout and Thank you pages.
Technologies for customizing Shopify checkout
There are many options available that allow you to customize and extend Shopify checkout. This guide introduces the available technologies for customizing checkout, and ways that you can extend checkout.
 

Older messages

LW 128 Don’t get scammed by fake performance experts and apps

Tuesday, April 9, 2024

Don't get scammed by fake performance experts and apps Shopify Development news and articles Issue 128 - 04/09/2024 Read Online Liquid Weekly All Things Shopify Development Don't get scammed by

LW 127 - How to Setup a Multi-Market Headless Shopify Storefront with localized domains

Tuesday, April 2, 2024

How to Setup a Multi-Market Headless Shopify Storefront with localized domains Shopify Development news and articles Issue 127 - 04/02/2024 Read Online Liquid Weekly All Things Shopify Development How

LW 126 - Watch mode for Shopify theme app extensions    

Tuesday, March 26, 2024

Watch mode for Shopify theme app extensions Shopify Development news and articles Be sure to check out Jason Hassold's free and open source VS Code plugin for theme developers 'Code Sense'

LW 125 - Build a Shopify App with Next.js and Prisma ORM

Tuesday, March 19, 2024

Build a Shopify App with Next.js and Prisma ORM Shopify Development news and articles Issue 125 - 03/19/2024 Read Online Liquid Weekly All Things Shopify Development Build a Shopify App with Next.js

LW 124 - How to Automate Your Shopify Store Using Shopify Flow    

Tuesday, March 12, 2024

How to Automate Your Shopify Store Using Shopify Flow Shopify Development news and articles If you've been around you know we're a big fan of the team at gadget.dev! This is a big week for them

You Might Also Like

Mapped | Unemployment Rate By U.S. State in 2024 💼

Tuesday, November 26, 2024

As of October 2024, DC and Nevada tied for the highest unemployment rate in the US at 5.7%. Which states saw the lowest rates? View Online | Subscribe | Download Our App FINAL CHANCE - ENDS TONIGHT!

🔊 7 DIY Tips for Soundproofing a Room — Why I Switched to Xfce for Linux Mint

Tuesday, November 26, 2024

Also: Home Theater Sound Terms Explained, and More! How-To Geek Logo November 26, 2024 Did You Know The shiny layer of a CD doesn't contain the data; the plastic polycarbonate layer does. The shiny

JSK Daily for Nov 26, 2024

Tuesday, November 26, 2024

JSK Daily for Nov 26, 2024 View this email in your browser A community curated daily e-mail of JavaScript news JavaScript Certification Black Friday Offer – Up to 54% Off! Certificates.dev, the trusted

NumPy, Loop Targets, Vector Animation, and More

Tuesday, November 26, 2024

NumPy Practical Examples: Useful Techniques #657 – NOVEMBER 26, 2024 VIEW IN BROWSER The PyCoder's Weekly Logo NumPy Practical Examples: Useful Techniques In this tutorial, you'll learn how to

Your Games Quarterly newsletter has arrived

Tuesday, November 26, 2024

What's new for games in Google Play and Android Email not displaying correctly? View it online November 2024 The First Developer Preview of Android 16 The First Developer Preview of Android 16

Daily Coding Problem: Problem #1620 [Hard]

Tuesday, November 26, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Dropbox. Sudoku is a puzzle where you're given a partially-filled 9 by 9 grid with

Final Hours: Help Save "The Art of Data" From Falling Short 🙏

Tuesday, November 26, 2024

Will Visual Capitalist end up revealing the secrets behind data storytelling? There are 12 hours left to change the fate of "The Art of Data". View Online | Subscribe | Download Our App Help

Spyglass Dispatch: Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer

Tuesday, November 26, 2024

Meta's Bluesky • Apple's China AI Problem • Apple's Chinese iPhone Problem • Perplexity Voice Pin • Susan's Message on Lung Cancer The Spyglass Dispatch is a free newsletter sent out

🎁 Say Goodbye to Adobe and Hello to UPDF's Universal PDF Editor— 50% Off This Black Friday!

Tuesday, November 26, 2024

Promoted by UPDF How-To Geek Logo November 26, 2024 This email is sponsored by UPDF. Product choices and opinions expressed are from the sponsor and do not necessarily reflect the views of the How-To

What's coming in Go 1.24

Tuesday, November 26, 2024

Plus Brad Fitzpatrick on complexity and Go. | #​533 — November 26, 2024 Unsub | Web Version Together with Ardan Labs Go Weekly GoMLX: ML in Go without Python — Eli recently wrote about Go's