Issue 145 - How Shopify coded the Editions homepage Hero

  • 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

  • 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

  • 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