Open in app

Sign In

Write

Sign In

Markus Tripp
Markus Tripp

421 Followers

Home

About

Pinned

Animations with Tailwind CSS

Transition, the hidden star of Headless UI. — The best mobile apps, like Airbnb and Spotify, are fun to use. But what makes them so great? Yes, they have an outstanding UI and UX. But what separates them are these little animations on page transitions and for other user interactions. I create web apps, and most of the…

Nextjs

6 min read

Animations with Tailwind CSS
Animations with Tailwind CSS
Nextjs

6 min read


Pinned

GraphQL Queries for Implementing a Custom Shopify Storefront

Steps to create a Shopify online shop with Next.js and the Storefront API. — When you decide to create a custom online shop with Shopify, you can program a standard Liquid-based theme or use the Shopify storefront API. Using Shopify as a headless backend and developing the frontend in Next.js or the future, Hydrogen is a good option when performance and custom control are…

Shopify

5 min read

GraphQL Queries for Implementing a Custom Shopify Storefront
GraphQL Queries for Implementing a Custom Shopify Storefront
Shopify

5 min read


Pinned

Extend Shopify Dawn Theme with a Custom Tailwind CSS Carousel Section

I recently used the Shopify Dawn theme for most of my new projects. It’s okay for 90% of my requirements, but I always have to create custom sections not included in the standard feature set. I prefer Tailwind for almost all of my web projects. Therefore I wanted to use it for custom sections as well. In this tutorial video, I show you how to set up Tailwind together with the Dawn theme and create a custom section.

Shopify

3 min read

Extend Shopify Dawn Theme with a Custom Tailwind CSS Carousel Section
Extend Shopify Dawn Theme with a Custom Tailwind CSS Carousel Section
Shopify

3 min read


Pinned

3 Steps to a Multi-Language Shopify Online Shop

Selling in multiple languages increases sales. With Shopify, it seems to be challenging, but it isn’t. — Step 1: Translate Your Products and Other Resources Products and other resources like variants, collections, pages, blog posts, etc., are managed in Shopify admin. Shopify added native support for multiple languages via an API recently. Unfortunately, it comes without an admin interface for the shop owner.

Shopify

4 min read

3 Steps to a Multi-Language Shopify Online Shop
3 Steps to a Multi-Language Shopify Online Shop
Shopify

4 min read


Sep 5, 2022

Next.js and Jotai: Share state across pages

Simple yet powerful state management for your Next.js app. — When creating a Next.js application, there are often situations where you want to share data (or state) across several pages. Some examples are: On an e-commerce site, this can be the cart ID or the number of items in the basket you want to share across your Next.js pages. On…

Nextjs

4 min read

Next.js and Jotai: Share state across pages
Next.js and Jotai: Share state across pages
Nextjs

4 min read


Apr 29, 2022

GET and POST with Next.js SWR and Supabase Auth

Simple workflow for fetching and storing data from the Supabase database using the SWR fetching library for authenticated users. — Next.js and Supabase are fantastic technologies. With Supabase, you get a real database in the cloud. But best of all, it comes with authentication, managing user data, row-level security, database functions, and storage built-in. With Supabase you can combine all those tools, which reduces complexity significantly.

Nextjs

4 min read

GET and POST with Next.js SWR and Supabase Auth
GET and POST with Next.js SWR and Supabase Auth
Nextjs

4 min read


Dec 3, 2021

Content Editor for Shopify Hydrogen, an alternative to the theme editor and headless CMS

Shopify Hydrogen is the biggest change in the history of e-commerce. And Content Editor will help you manage your text and images with Hydrogen. — How does a normal shop visitor experience Shopify Hydrogen? You will notice it by the fact that the page load times will be much faster. 10x faster. 100ms to 300ms will be the new normal, and we will get an instant shopping experience. I expect many online shops will shift to this paradigm in the following years.

Shopify

4 min read

Content Editor for Shopify Hydrogen, an alternative to the theme editor and headless CMS
Content Editor for Shopify Hydrogen, an alternative to the theme editor and headless CMS
Shopify

4 min read


Oct 19, 2021

Publish Shopify Products to Facebook Channel via API

One of my clients owns a Shopify store (Advanced Shopify Plan) with around 15k products. We manage the products in an external system and create/update the products in Shopify via a custom private app using the REST API. Facebook marketing is an essential part of our marketing strategy. Shopify offers…

Shopify

3 min read

Publish Shopify Products to Facebook Channel via API
Publish Shopify Products to Facebook Channel via API
Shopify

3 min read


Aug 19, 2021

Use Shopify Dawn Theme for Multiple Projects via GitHub Connect

With Online Store 2.0, Shopify introduced an awesome GitHub integration. We at Checkout Agency use the new Dawn theme as a basis for many of our latest projects. Here I quickly outline our development setup. Update 1/4/2022: Appended section: Pull back changes made on the development theme editor. First, please…

Shopify

4 min read

Use Shopify Dawn Theme for Multiple Projects via GitHub Connect
Use Shopify Dawn Theme for Multiple Projects via GitHub Connect
Shopify

4 min read


Dec 11, 2018

Display Shopify Discount Codes on Storefront Pages

In 2017 Shopify introduced “Shareable Discount Links” which is a great way to distribute discount codes to your clients via email, vouchers, printed QR codes, etc. Shareable discount links are standard web links using a special format. Once a client clicks on the link he comes directly to your online…

Ecommerce

3 min read

Display Shopify Discount Codes on Storefront Pages
Display Shopify Discount Codes on Storefront Pages
Ecommerce

3 min read

Markus Tripp

Markus Tripp

421 Followers

I ❤️ Shopify & Next.js. checkout-agency.com, Founder

Following
  • Bryan Alexander

    Bryan Alexander

  • DieWebAG

    DieWebAG

  • ReadWrite

    ReadWrite

  • M.G. Siegler

    M.G. Siegler

  • insidetech

    insidetech

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech