Shopify E-commerce Website Development
Shopify is a SaaS platform with hosting, updates, and PCI DSS compliance included. Suitable for launching online store without own server infrastructure. Developer work here — theme in Liquid, app setup from App Store, and basic platform configuration.
What Shopify Store Consists Of
-
Theme —
.liquidfiles, CSS, JS in theme repository (accessible via Shopify CLI or Theme Editor) - Apps — installed from Shopify App Store, add functionality (reviews, filters, email marketing)
- Metafields — custom data for products, collections, pages
- Shopify Functions — server code for discounts and shipping (Rust/JS, deployed to Shopify infrastructure)
- Admin API / Storefront API — for integrations and headless
What cannot be changed in standard Shopify: checkout (until Shopify Plus), payment logic, database structure.
Store Launch Process
Stage 1 — Store structure (1–2 days)
Store creation, basic configuration:
- Currency, taxes, units of measurement
- Payment gateways (Shopify Payments, Stripe, PayPal, local providers)
- Shipping methods: zones, rates, weight/size calculation
- Notifications: transactional emails via Shopify Email or external service (Klaviyo, Postmark)
Stage 2 — Choose and install theme (1 day)
Themes from Shopify Theme Store: Dawn (free, minimalist, OS 2.0), Sense, Craft, Impact — for different niches. For client with specific design — custom theme based on Dawn or from scratch.
# Initialize theme development via CLI
npm install -g @shopify/cli @shopify/theme
shopify theme dev --store=your-store.myshopify.com
Stage 3 — Catalog population
Products, collections, metafields. For large catalog — import via CSV or Admin API:
// Create product via Admin API (Node.js + @shopify/shopify-api)
const product = await shopify.rest.Product.save({
session,
title: "DeLonghi Coffee Machine",
body_html: "<p>Product description</p>",
vendor: "DeLonghi",
product_type: "Coffee Machines",
variants: [{
price: "45990.00",
sku: "ECAM-22110-B",
inventory_quantity: 15,
inventory_management: "shopify"
}],
images: [{ src: "https://cdn.example.com/img/ecam.jpg" }]
});
Stage 4 — Apps
Mandatory minimum for most stores:
| Task | App |
|---|---|
| Search with filters | Boost Commerce / Searchie |
| Reviews | Judge.me / Yotpo |
| Email marketing | Klaviyo / Omnisend |
| SEO | SEO King / Plug In SEO |
| Analytics | GA4 via official Shopify channel |
| Multicurrency | built-in Shopify Markets |
Stage 5 — SEO and analytics (1 day)
- Setup
robots.txt(limited editing in Shopify) - Canonical URLs — managed via theme
- Structured data (
application/ld+json) — added toproduct.liquid - Sitemap:
/sitemap.xmlgenerated automatically - GA4: via Shopify > Preferences > Google Analytics or GTM
{%- comment -%} Schema.org Product in product.liquid {%- endcomment -%}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": {{ product.title | json }},
"sku": {{ product.selected_or_first_available_variant.sku | json }},
"offers": {
"@type": "Offer",
"price": {{ product.selected_or_first_available_variant.price | divided_by: 100.0 | json }},
"priceCurrency": {{ cart.currency.iso_code | json }},
"availability": "{% if product.available %}https://schema.org/InStock{% else %}https://schema.org/OutOfStock{% endif %}"
}
}
</script>
Localization and Multilingual Support
Shopify Markets + Shopify Translate & Adapt for translation management. Alternative — Weglot (app, adds subdomain or language prefix).
Limitation: free Shopify plan supports 1 language. For multilingual need Shopify Basic and above.
Performance
Shopify CDN (Fastly) serves static assets automatically. Main optimization points:
- Lazy load images via
loading="lazy"on<img> - Use
{% render %}instead of{% include %}for variable isolation - Minimize third-party scripts from apps (each adds 50–200 ms)
- Inline critical CSS in
<head>viahead_themesection
Launch Timeline
Typical store on ready theme with catalog up to 500 products and standard app set: 5–10 working days. Includes: platform setup, theme customization to brand guide, population, analytics integration, basic SEO audit.