Photo by Yancy Min on Unsplash

If you are using Webpack 5.x with ES6 imports to dynamically load modules for Vue.js/React.js components or similar optionally with Laravel-Mix then you may need to dynamically set the Webpack import path to the Shopify CDN asset_url folder, so that Webpack can find your dynamic module .js chunked files.

The problem

When you use Webpack to generate chunked files or multiple bundle files using a standard setup Webpack would usually output your chunked files to assets/app/<filename>.js. When working with Shopify this will not be allowed to be uploaded to their CDN using Theme Kit. It will fail with a subfolders not allowed…

Photo by Charles Deluvio on Unsplash

Note: You will need at least basic command line/Shopify/Shopify Theme Kit experience to easily understand this quick article.

This is just a quick article based on an experience I had the other day. I should say that I have been using the Shopify platform for a full 10 years now and that this is no vendetta as my whole career is pretty much down to Shopify stores but it is rather a helpful way to help a neglected deployment kit — Obviously they were trying to ditch Theme Kit instead of Slate, but that might not be happening now? If…

Photo by Arnold Francisca on Unsplash

The Problem

If your a Shopify developer or even a Shopify “Expert”, then you’ve had to battle your way round the odd workaround situation due to the limitations of the system — that's how life is when you work primarily on a platform that is closed off apart from Liquid theme templates containing pre-defined objects and filters, HTML, CSS & JS. This means that a lot of the time, you have to bend stuff round to get Shopify to act how you require it too.

Recently at the company I work for (A large food supplement Shopify company), we realised that you…

Photo by averie woodard on Unsplash

Part 3 of this series takes us away from quick text processing to a bigger concept.

What is linting?

No, don’t print your code off and stick it in the tumble dryer.

Taken from Wiki, the definition of software linting is as follows:

Lint, or a linter, is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.[1] The term originates from a Unix utility that examined C language source code.[2]

So the idea behind it is fairly basic to understand, its a tool you can use to analyse your source code (before compilation/interpretation) to enforce good…

While looking myself for a pre-built or pre-answered (e.g. Stack Overflow) answer to verifying the X-Gecko-Signature header that is passed in the HTTP request of all the TradeGecko Webhook events — I couldn’t find one!

Usually for such a simple thing, you know 300 other people have asked your exact question or used the same setup to do the same thing and shared the code, when your working trying to maximise the progress per hour, things like this are easier to look up, test and just credit source in your code so you can get on with interfacing with the…

intPhoto by Nahel Abdul Hadi on Unsplash

Ever wonder what happened to PHP Suhosin?

We all remember the great days of the Suhosin patch & extension for PHP, finally the language that runs so much of our web getting some much needed core security, meaning more hosts could sleep at night knowing their users were not totally exposing them at application level. I will just go through the basic premise again for those who missed out first time round.

The patch

First off the Suhosin ‘patches’ the core PHP engine, allowing it to fix such vulnerabilities like buffer overflows at the low level, this led to even some *nix…

Photo by Nate Grant on Unsplash

The first part of this series of articles is here and I recommend you start with that one to get an idea of this series of articles and why using command line tools to aid your development (in any language/environment) can be very useful.

I am going to dive right in here with another text based tool called ‘sed’. Sed stands for ‘stream editor’ and it is another very early Unix days tool created in 1974, its goal being a streams based implementation of text editing that utilises regular expressions which back then was a new era for efficiently processing…

Photo by Kevin Horvat on Unsplash

This is a series of articles I have been writing for my personal blog, I want to start taking my writing to new levels — medium levels. I hope someone can gain from this something new & I will be posting more parts to this series of articles soon. Have a great day!

In the world of development today everyone is looking to speed up the process while remaining efficient and not cutting corners, there is lots of different ways to achieve this but a lot of the time I find developers miss using some simple command line tools that…

Living The Dream

Software/Web Development with data science, multiple disciplines and cynicism thrown in.

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