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

Power BI Weekly #276 - 20th September 2024

Friday, September 20, 2024

Power BI Weekly Newsletter Issue #276 powered by endjin Welcome to the (belated) 276th edition of Power BI Weekly! Sorry for the delay for this edition - a combination of vacation and general busyness

👆 Is Swiping Faster Than Typing on a Phone Keyboard? — Google Home Features You Gotta Try

Friday, September 20, 2024

Also: What the iPhone 16 Colors Really Look Like, and More! How-To Geek Logo September 20, 2024 Did You Know Thorny dragons, a species of small lizard native to Australia, appear to be able to drink

I recorded a video for you

Friday, September 20, 2024

if you prefer to watch this email instead of reading it, then… ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

JSK Daily for Sep 20, 2024

Friday, September 20, 2024

JSK Daily for Sep 20, 2024 View this email in your browser A community curated daily e-mail of JavaScript news Attention JavaScript Developers: New Certification Program Hey there p> Bob Senoff Read

The Heat Is On

Friday, September 20, 2024

Nike Ouster, iPhone Transfer Pain, Small Strawberry Models, China AI, iPhone Licenses, Shohei the Money, Disney's Unfreeze The Heat Is On Nike Ouster, iPhone Transfer Pain, Small Strawberry Models,

How to Get More Eyes on Your Stories: Social Media Promotion Tips 💡

Friday, September 20, 2024

Hello again, Hacker💚 Have you ever written an amazing, near-perfect article only for the views to not reflect your hard work? We know what that feels like, so here are some quick tips on how to promote

Ranked | The Most Reliable Car Brands, According to Consumer Reports 🚗

Friday, September 20, 2024

Consumer Reports ranked the most reliable car brands using surveys and analysis of over 330000 vehicles. Which cars are most reliable? View Online | Subscribe | Download Our App Presented by: Get more

Daily Coding Problem: Problem #1562 [Easy]

Friday, September 20, 2024

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Amazon. Consider the following scenario: there are N mice and N holes placed at integer

iOS Dev Weekly - Issue 679

Friday, September 20, 2024

Did you get a box with a shiny new device in it today? 📱 View on the Web Archives ISSUE 679 September 20th 2024 Comment Happy New Device Day to those who are celebrating! I hope you'll forgive me a

What are your competitors doing?

Friday, September 20, 2024

​ What are your competitors doing? Does it matter? When you're deciding what to include in and exclude from your product, there are a variety of factors you need to consider. Hopefully, the first