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

Exclusive: Top SaaS Security Threats of 2025—And How to Eliminate Them

📳 Your Smart Home Needs Vibration Sensors — 7 Ways to Change How iOS 18 Looks

JSK Daily for Sep 18, 2024

Daily Coding Problem: Problem #1560 [Medium]

Nature is Healing

We tested every iPhone 16 model - buy this one

Charted | Visualizing S&P 500 Returns After Interest Rate Cuts 📈

Top Tech Deals 👀 Garmin Smartwatch, $20 Fire TV Stick, Power Banks, and More!

⚙️ Intel is trying to make a comeback

Whiskey: The Tangible Asset for Your Portfolio