LW 64 - Build a Shopify Store with Next.js + Tailwind CSS

Build a Shopify Store with Next.js + Tailwind CSS 
Shopify Development news and articles
 
Liquid Weekly

News & Articles

Build a Shopify Store with Next.js + Tailwind CSS: Modern eCommerce
In this quick tutorial I will be showing you the basics of setting up a headless eCommerce store using Shopify Storefront API (GraphQL) with Next.js as the frontend framework and Tailwind CSS for styling.
Building Powerful Checkout Customizations with Checkout Extensibility
Shopify's new Checkout Extensibility features provide a range of powerful new ways to customize Shopify's checkout. This talk from Shopify Unite 2022 will outline the key components that make up checkout extensibility, how they interact with each other, and when to use each feature to help you. You'll leave with a better understanding of the checkout extensibility landscape and how to use it to build the next generation of customized checkout experiences for merchants.
Shopify locale aware URLs
If you are using the Shopify Markets functionality to make your store available to multiple currencies or languages. You are likely using locale aware URLs. When using these you need to ensure that you avoid hardcoded URLs within your theme, to avoid accidentally bouncing a customer to the wrong locale, where they might get the wrong language or currency.
Extra Order Data w/ Shopify Line Item Properties
In this video, I cover how to offer extra customization for orders placed on your Shopify site. This tutorial makes use of Shopify's Line Item properties. Most features are built into Shopify's free themes. This tutorial uses Dawn, but a similar method could be applied to other themes.
Shopify Analytics - Customer cohort analysis
The Customer cohort analysis report displays data about your customer acquisition and retention. A cohort is defined as a group of customers that have similar characteristics. For the Customer cohort analysis report, customers are grouped into cohorts based on the date that they placed their first order.
From Shopify Seller to App Development
In this Shopify Unite 2022 talk, we’ll hear Kyoto-based entrepreneur Thomas Bertrand share his journey going from Bento&Co (with Shopify in beta in 2006!), a shop selling bento boxes, and later to Ship&Co, an app simplifying the shipping process. Learn how the process of shipping bento boxes to over 100 countries inspired Thomas to create Ship&co for sellers in Japan. You'll also hear how Ship&co now serves sellers in 25+ countries and best practices when entering the Japanese market.
💰 Looking to Sell Your Shopify App?
Relay Commerce acquires and operates a growing portfolio of e-commerce software tools, including several top-rated Shopify apps. Shopify app partners love Relay because we move fast and can offer all cash – from first contact to closing in as little as a month. Wondering if we are a good match? - visit our website or email us at acquisitions@relaycommerce.io.

Code & Tools

Liquify - Shopify Enhanced Code Search/Editor
Liquify is a browser extension to enhance the Shopify theme code editor and add some quality of life functions that a traditional code editor would have. It also provides some storefront shortcuts, such as opening the theme or code editor for the current theme being previewed, or opening the admin page for the current product/collection/blog/page being viewed.
A Guide To Keyboard Accessibility: HTML And CSS
Keyboard accessibility is an important part of the user experience. There are multiple criteria in Web Content Accessibility Guidelines (WCAG) about this topic. Still, it’s somehow overlooked, affecting the experience of many users, mainly people with motor disabilities — any condition that limits movement or coordination.
An Interactive Guide to Flexbox
Flexbox is a remarkably powerful layout mode. When we truly understand how it works, we can build dynamic layouts that respond automatically, rearranging themselves as-needed. In this blog post, I want to refine your mental model for Flexbox. We'll build an intuition for how the Flexbox algorithm works, by learning about each of these properties. Whether you're a CSS beginner, or you've been using Flexbox for years, I bet you'll learn quite a bit!
Shopify’s Image Optimizer Apps Don’t Actually Do Anything
In the web performance world of Shopify apps, image compression apps mostly dominate. There are at least a dozen different options. These services claim to reduce page load times on your website by compressing image files. For a few dollars a month, they will scan through your Shopify account and compress any image file they find.
 

Older messages

LW 63 - Shopify Dev Tools to Improve Your App Building Process

Tuesday, November 22, 2022

Shopify Dev Tools to Improve Your App Building Process Shopify Development news and articles Issue #63 - 11/22/2022 Read Online Liquid Weekly News & Articles Shopify Dev Tools to Improve Your App

LW 62 - How to set up collection filters Shopify Search & Discovery

Wednesday, November 16, 2022

How to set up collection filters Shopify Search & Discovery Shopify Development news and articles Issue #62 - 11/15/2022 Read Online Liquid Weekly News & Articles How to set up collection

LW 61 - How to use Tailwind CSS in a Shopify Hydrogen Project

Tuesday, November 8, 2022

How to use Tailwind CSS in a Shopify Hydrogen Project Shopify Development news and articles Issue #61 - 11/8/2022 Read Online Liquid Weekly News & Articles How to use Tailwind CSS in a Shopify

LW 60 - Displaying Order Attributes To Customers Post Purchase                                                                                      

Tuesday, November 1, 2022

Displaying Order Attributes To Customers Post Purchase Shopify Development news and articles Issue #60 - 11/1/2022 Read Online Liquid Weekly News & Articles AARRR Metrics Framework: What Is It and

LW 59 - The FASTEST Way to become a Shopify Developer

Tuesday, October 25, 2022

The FASTEST Way to become a Shopify Developer Shopify Development news and articles Issue #59 - 10/25/2022 Read Online Liquid Weekly News & Articles The FASTEST Way to become a Shopify Developer -

You Might Also Like

Import AI 399: 1,000 samples to make a reasoning model; DeepSeek proliferation; Apple's self-driving car simulator

Friday, February 14, 2025

What came before the golem? ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

Defining Your Paranoia Level: Navigating Change Without the Overkill

Friday, February 14, 2025

We've all been there: trying to learn something new, only to find our old habits holding us back. We discussed today how our gut feelings about solving problems can sometimes be our own worst enemy

5 ways AI can help with taxes 🪄

Friday, February 14, 2025

Remotely control an iPhone; 💸 50+ early Presidents' Day deals -- ZDNET ZDNET Tech Today - US February 10, 2025 5 ways AI can help you with your taxes (and what not to use it for) 5 ways AI can help

Recurring Automations + Secret Updates

Friday, February 14, 2025

Smarter automations, better templates, and hidden updates to explore 👀 ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The First Provable AI-Proof Game: Introducing Butterfly Wings 4

Friday, February 14, 2025

Top Tech Content sent at Noon! Boost Your Article on HackerNoon for $159.99! Read this email in your browser How are you, @newsletterest1? undefined The Market Today #01 Instagram (Meta) 714.52 -0.32%

GCP Newsletter #437

Friday, February 14, 2025

Welcome to issue #437 February 10th, 2025 News BigQuery Cloud Marketplace Official Blog Partners BigQuery datasets now available on Google Cloud Marketplace - Google Cloud Marketplace now offers

Charted | The 1%'s Share of U.S. Wealth Over Time (1989-2024) 💰

Friday, February 14, 2025

Discover how the share of US wealth held by the top 1% has evolved from 1989 to 2024 in this infographic. View Online | Subscribe | Download Our App Download our app to see thousands of new charts from

The Great Social Media Diaspora & Tapestry is here

Friday, February 14, 2025

Apple introduces new app called 'Apple Invites', The Iconfactory launches Tapestry, beyond the traditional portfolio, and more in this week's issue of Creativerly. Creativerly The Great

Daily Coding Problem: Problem #1689 [Medium]

Friday, February 14, 2025

Daily Coding Problem Good morning! Here's your coding interview problem for today. This problem was asked by Google. Given a linked list, sort it in O(n log n) time and constant space. For example,

📧 Stop Conflating CQRS and MediatR

Friday, February 14, 2025

​ Stop Conflating CQRS and MediatR Read on: m​y website / Read time: 4 minutes The .NET Weekly is brought to you by: Step right up to the Generative AI Use Cases Repository! See how MongoDB powers your