I’ve been working remotely since late 2018. I’ll take you through each piece of hardware and software, and why I like it as a developer and freelancer.

Photo by on

Who I Am?

I’m Ilias Haddad, a full stack JS developer, and Shopify developer based in Kenitra, Morocco. I’m currently working as a remote freelancer with experience in Shopify development.

Hardware

Laptop

I’ve been using a MacBook Pro 2015 i7 3.1 GHz 512 GB as my main computer


Photo by on

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

Why you should convert a Shopify store to PWA?


Photo by from

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$. …


Photo by on

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


Originally Posted at

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 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

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

In the seventh article, As requested, I’ll be talking about how to set up a local shopify theme development environment.

Let’s go!

To create unlimited Shopify stores for development, you can create a Shopify Partner account using

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

Ilias Haddad

I’m Full Stack Javascript Developer, Shopify Developer and Indie Maker

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store