When you're interviewing to become a Shopify Developer...


This money button will self-destruct in...60 second(s)...


When you're interviewing to become a Shopify Developer, it's sometimes hard to know what the client is looking for.


Do they want a store? Do they have 1 or a thousand products? Do they want a store with AI? EDI? Integrated with their email marketing? How many products do they have? Let me guess - their tagging system is convoluted...

 

At the end of this post you'll find the four examples of Snippet-Driven Development on this page and how to achieve them.

 


Build it, Buy it, or Migrate to it?

Once you understand what the client is looking for, you are then faced with a decision:

1. Do I code the solution myself OR

2. Do I migrate to a theme that achieves the solution OR

3. Do I 'hire' a Shopify App to do the job for me and add it to the client's bill in perpetuity?

This Build it Buy it or Migrate to it is essentially the crux of your work as a Shopify Developer, and it's where you skills as a Business Analyst comes in.

Once you can wrap your head around the business' data model, that is, their tree hierarchy of Catalogs, Collections, Products and Variants, then implementing that data model in JSON using Shopify's API should be dead simple for you. There are Shopify CSV import files you can use, and product display is already baked into Shopify with the Blocks feature.

Leave Performance To The Ferraris (Migrate or Buy It)

The first thing to know is that if you're working with a client in revenue, there are off-the-shelf, highly-performant Shopify themes like Plak that does all of the SEO and front-end optimization and CONVERSION OPTIMIZATION automatically for you. Why write new code when you can find something performant, stable, secure, speedy, and supported by a community? Besides, Knowledge Transfer is always a key part of the Consulting Engagement. Why write a new Knowledge Base when you can just point them towards the docs...

Test your Shopify Performance at GTMetrix

Furthermore, beyond Theme Choice, here's a list of the Shopify App Ecosystems most network-effecting apps that can mimic the functionality that has typically reserved for Salesforce, Oracle, JD Edwards and SAP customers.

Discover The Apps That Are Going To Code For You

I STILL WANT TO CODE (Build it Myself)

OK OK here's how you code on Shopify.

1. Find the Snippet folder in your shopify code.

2. Add a snippet you'd like to add i.e. HTML page with HTML CSS and JS and call it mycode.liquid.

3. Incorporate this snippet aka mycode.liquid into any shopify page by using {% render 'mycode' %}. For example, to add mycode.liquid to a blog article, you can copy and paste {% render 'mycode' %} anywhere in the article-template.liquid file in the Sections Folder. article-template is where your blog articles are created in code.

YOU'VE BEEN WATCHING THE DEMO THE ENTIRE MOVIE

Just take a look at this page and you'll see four instances of Snippet-Driven Development. Snippet-Driven Development is driven by the limitation of Shopify Sections, in that you can't invoke or render or use Sections as easily as you'd like to (trust me).

This page includes four Snippets:

1. MoneyButton

2. Text To Speech

3. EleutherAI

4. Linkedin Badge

Can you find them?

In all cases, the code for the MoneyButton, NaturalReader Text to Speech, EleutherAI, and Linkedin Badge where all contained in their own snippet. Then these snippets were rendered on this article-template.liquid Section File in the right places.

 

EleutherAI - text generation testing UI

Leave a comment