All Things Shopify Development

How Shopify coded the Editions homepage Hero

The hero on the latest @Shopify Editions page was all built with React Three Fiber. Here’s how we did it

Daniel Beauchamp

Shopify Remix QR Code App Tutorial Walkthrough

Let's do a video walkthrough of the QR Code App Tutorial on shopify.dev! Since they've updated the tutorial to use the newest Remix template, we go over some remix concepts and how we integrate Shopify utilities for app building.

Dev With Alex

An open source, accessible, dependency free image lightbox

Overlays suck, but if you need one, you might consider using Parvus. Parvus is an open source, dependency free image lightbox with the goal of being accessible.

Benjamin de Oostfrees

Use variables in input queries

You can use variables in the GraphQL input query of your function. This allows a function to have merchant configured values used as the variables for your input query. For example, you can use these variables to check if a product is inAnyCollection or hasAnyTag to add custom logic to your function.

Shopify

Confusion over Shopify Performance Metric

The Shopify performance team has been doing a good job and is constantly working to ensure that merchants and enterprise clients understand the store's load time and performance. They recently updated the metric based on Real User data, mainly from the CruX database. However, I recently noticed an issue with the way the statistics are presented. Here is a snapshot from one of our clients.

Lokendra Panwar

Understanding GraphQL Schemas and Types

In GraphQL, schemas act as a bridge between the client and the owner of the data, i.e., the Data Source. A schema defines a contract between the client and the server, providing a clear understanding of the data that can be queried. Upon receiving a query, the server validates the query against the GraphQL schema, then executes it and sends back the response in the requested shape.

Tailcall

Upgrading Your Mega Menu in Shopify

I don't like to use apps that much for the Mega menu. The other options would be to custom code to hire a developer to custom code something and the third option is actually to switch to a different theme with a better menu

Ed Codes

LW 145 - How Shopify coded the Editions homepage Hero

All Things Shopify Development

Older messages

LW 144 - Fireside chat with Tobi Lütke (Shopify) Andrew Bialecki (Klaviyo CEO)

LW 143 - What’s New for Developers - Summary from Editions 2024

LW 142 - Shopify App Development Tutorial - POS UI Extensions

LW 141 - The Truth About Certain Speed Optimization Apps

LW 140 - I made $1,436,828 with 2 Shopify Apps

You Might Also Like

Data Science Weekly - Issue 581

💻 Issue 444 - Check Out My New CV as a Full Stack .NET Developer!

💎 Issue 451 - Useful things you can do with Rails console

💻 Issue 451 - The best way to iterate over a large array without blocking the main thread

📱 Issue 445 - 🚀 Your Go-To List of 25 Swift Tools and Libraries for Any Project

💻 Issue 369 - 17 Tips from a Senior React Developer

💻 Issue 451 - Mastering Express.js: A Deep Dive

📱 Issue 448 - The Swift Runtime: Your Silent Partner

💻 Issue 446 - Great things about Rust that aren't just performance

JSK Daily for Jan 9, 2025