On the 16th of the #4WeeksOfShopifyDev challenge, I’ll be talking Why you should convert your Shopify store to PWA for better performances?

What is a PWA?

A progressive web application or PWA is a web application that has many capabilities of a native mobile app like Offline Mode, push notifications, have your website in your visitor home screen.

PWA need two files:

• Manifest: a JSON file that hosts your PWA configuration like App name, background color, splash screen…
• Service worker: is a script that your browser runs in the background to cache assets for offline experience and makes your site faster doing predictive prefetching

Why you should convert a Shopify store to PWA?

…

On the 15th of the #4WeeksOfShopifyDev challenge, I’ll be talking about what benefits of being a Shopify partner?

What a Shopify Partner?

The Shopify Partner Program is a diverse group of designers, developers, marketers, and affiliates who use the Shopify platform to build eCommerce websites, themes, and apps.

What benefits of becoming a Shopify Partner?

When you’ve become a Shopify Partner, you’ll have many benefits like:

• Make recurring revenue of each Shopify you create and transfer to a new Shopify client (for example, you create a new Shopify store using Shopify partner dashboard, transfer it to a client and the client choose basic Shopify plan 29$. …

On the 14th of the #4WeeksOfShopifyDev challenge, I’ll be talking about why developers should invest in learning and becoming a Shopify developer.

Who am I?

I’m Ilias Haddad, a junior full stack developer based in Kenitra, Morocco. I use Shopify as a business owner for my clothing brand (CodeParel) which I sold it later.

While using Shopify as a business owner. I fall in love with love and especially the modern design and the experience of using it. Shopify removes the headaches of managing an eCommerce website like hosting, security, and order management…

What is Shopify Developer?

In Shopify, there are two types of developers:

• Shopify Theme…

In the 12th article of the #4WeeksOfShopifyDev challenge, I’ll be talking about how you can add tailwind css to your Shopify theme and add only used Tailwind CSS code in your liquid code.

Let’s do it!

• First, we need to download your Shopify theme locally using Shopify themekit

Install ThemeKit

ThemeKit is the Offical Shopify tool to work with Shopify themes locally

macOS Installation

brew tap shopify/shopifybrew install themekit

Windows Chocolatey Installation

choco install themekit

Linux Installation

curl -s [<https://shopify.github.io/themekit/scripts/install.py>](<https://shopify.github.io/themekit/scripts/install.py>) | sudo python

Create Private Shopify App

• Go Admin > Apps and click on manage private apps at the bottom of the page

In the 11th article of the #4weeksOfShopifydev challenge, I’ll be talking about how to use JSON data in Shopify liquid code.

In Shopify Liquid template language, they don’t support JSON or objects (not product objects), I have a tip to use it in Liquid.

• First, we need to install Metafields Guru app to create metafields
• Create new meta field under Shop settings

In the 10th article of the #4weeksOfShopifydev challenge, I’ll be talking about how to create an eCommerce store using Shopify as a headless CMS and Gatsby JS

In 2020, people are buying more products online due to the lockdown and many businesses are forced to switch to online mode to survive during this pandemic

COVID 19 accelerated e-commerce growth by 10 years — Forbes

With more people buying using online channels, businesses need to focus more on delivering a great experience to their online clients.

To have a good experience for your clients, you should optimize your online store in…

In the ninth article of the #4weeksOfShopifydev challenge, I’ll be talking about how to create a Shopify app using Shopify app cli.

Why should you use Shopify App CLI?

• Create a new Private or Public app in a couple of seconds
• Update redirect URL and App URL automatically with ngrok server URL
• Have a ready to test a Shopify app with a free remote server (Ngrok)
• You have two starting apps, one built with Node js and the other one with Ruby on rails

Install Shopify App CLI and create your first Shopify app

• Install the Shopify App CLI.
• Create an app

shopify create

• Start and install your app on a Shopify development store

shopify serveshopify…

In the eighth article of the #4WeeksOfShopifyDev challenge, I’ll review the new Shopify store design experience

in Shopify Unite 2019, Shopify launches the new Shopify store for Shopify partners to test out this new experience and give feedback about it to improve it over time.

Sections Everywhere

• Add, remove and rearrange sections through Shopify theme editor on all pages and not the only home page