Jobs · Engineering

Senior Shopify Developer

Digital Nomad World · United States · 3 wk ago
RemoteRemoteEngineering$40–$120/hrContract
We need to output HTML fragment with sections: About the role? Actually the posting includes "About garden3d", "Sanctuary Computer — Development", "XXIX — Design", "Who We’re Looking For", "Responsibilities", "Must-Have Competencies", "Nice-to-Have Competencies", "Compensation", "How we interview", "How We Work", "Important Reminders". We need to use

for section headings like About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule. However we should only include sections when posting has real specific content. The headings we can use: About the role (maybe "About garden3d" etc). Responsibilities (we have). Requirements/Qualifications/Skills: we have Must-Have Competencies and Nice-to-Have Competencies. Could combine as Requirements? But we need to follow instruction: use

for section headings (e.g. About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule). So we can map content to those headings. We should not repeat job title. We should not include Job ID. We should drop boilerplate like application instructions, cookie/navigation/legal/EEO etc. Also remove duplicated lines. We need to preserve all substantive information. We need to decide which sections to include: About the role (we have description about company and role). Responsibilities (we have). Requirements (maybe Must-Have Competencies). Qualifications (maybe Nice-to-Have Competencies). Skills (maybe combine? but we can keep both). Benefits (maybe not explicit; we have "How We Work" includes transparency, carbon negative, remote friendly etc. Could be considered Benefits. Pay (we have compensation). Schedule (we have contract-based remote opportunity; projects at least eight full-time weeks at 40 hours per week). So we can include Schedule. We must not include sections with filler like "commensurate with experience". We have actual content. We need to output only HTML fragment, no /, no markdown fences. We'll produce something like:

About the role

... description ...

Responsibilities

  • ...
  • ...

Requirements

  • ...
  • ...

Qualifications

  • ...
  • ...

Skills

... maybe combine? but we can leave empty? Better to include if we have content. Could put "Technical competencies" but we already have Requirements and Qualifications. Maybe Skills can be omitted if no specific. But we can include a brief summary of technical skills from Must-Have and Nice-to-Have. However we must not invent. We could put a paragraph summarizing that the role requires expertise in TypeScript, Shopify, etc. That's already in Must-Have. Might be redundant. Safer to omit Skills section if no distinct content beyond what's already covered. But instruction: Prefer a few substantive sections over many thin ones. So we could combine Must-Have and Nice-to-Have into Requirements and Qualifications. Let's do: - About the role: includes company description, role overview. - Responsibilities: list. - Requirements: Must-Have Competencies. - Qualifications: Nice-to-Have Competencies. - Benefits: How We Work (transparency, carbon negative, remote friendly, etc.) - Pay: Compensation. - Schedule: Contract-based remote opportunity; projects at least eight full-time weeks at 40 hours per week. We need to ensure we preserve all substantive information. Let's extract. About garden3d description: "We are worker owned creative collective, innovating on everything from brands and IRL communities to IoT devices and cross platform apps. We share profit, open source everything, spin out new businesses, and invest in exciting ideas through financial and/or in-kind contributions. Our client roster includes Google, Stripe, Figma, Hinge, Black Socialists in America, ACLU, Pratt, Parsons, Mozilla, The Nobel Prize, MIT, Gnosis, Etsy & Gagosian. We’re the software team behind innovative products like The Light Phone & Mill, and we operate a global, decentralized community space collective called Index Space. We think of our garden3d as collective for creative people, prioritizing a happy, talented, and diverse studio culture. We work on projects that bring value to our world, and we balance deep care for the work we do with a genuine curiosity about life outside of our jobs." Also there is "Sanctuary Computer — Development" and "XXIX — Design" sections describing sub-teams. Should we include? They are part of About the role? Could be included in About the role paragraph. We'll combine. Responsibilities list: we have bullet points after "Responsibilities will include:" with many items. Need to capture each as

  • . Let's extract them: - Collaborating closely with Technical Leads and Designers to meet clients’ custom e-commerce and technical needs. - Building and maintaining high-performance storefronts using both custom Liquid (Online Store 2.0) and modern headless architectures (Shopify Storefront API, GraphQL, Hydrogen/Remix, Next.js). - Implementing responsive, accessible, and pixel-perfect interfaces based on design specifications, with meticulous attention to product interaction details and motion design. - Integrating custom storefronts with headless CMS platforms (Sanity, Contentful), payment gateways, subscriptions, search, and third-party e-commerce APIs. - Optimizing e-commerce performance, focusing heavily on Core Web Vitals, image/video asset delivery, bundle size, and runtime efficiency across high-traffic collection and product pages. - Architecting scalable, reusable component libraries and design systems tailored for commercial platforms. - Writing clear documentation for store management, custom app integrations, and codebase maintenance. - Participating in project team rituals, including Sprint Planning, daily standups, code reviews, and retrospectives. Also there is a paragraph about "The person we’re looking for is happy, relaxed..." that's more about personal traits; could be part of Requirements or Qualifications? Might be part of "Must-Have Competencies"? Actually it's separate description of ideal candidate personality. Could be included in Requirements as a bullet? But it's not a competency. Might be part of About the role? We'll keep it as a paragraph under About the role maybe. Must-Have Competencies list: - 8+ years writing highly performant frontend code with an obsession for 95+ Lighthouse scores and optimal Core Web Vitals. - Deep Shopify Ecosystem Mastery: Proven experience building custom Shopify themes (Liquid, JSON templates, Online Store 2.0) as well as headless storefronts using the Shopify Storefront API (GraphQL) and frameworks like Hydrogen/Remix or Next.js. - Modern Frontend Tech: Expert-level experience with TypeScript and modern CSS methodologies (Tailwind CSS, CSS Modules) alongside robust animation libraries (GSAP, Framer Motion). - Headless CMS & Integrations: Extensive experience merging Shopify with headless CMS platforms like Sanity, Contentful, or Prismic, as well as third-party services (Klaviyo, Recharge, Algolia/Searchspring, Stripe). - Platform & Hosting: Fluency in industry-standard PaaS platforms including Vercel, Netlify, and Shopify Oxygen. - Architecture & State Management: Experience with state management solutions (Zustand, Redux, Pinia) and API integration patterns for cart state, multi-currency, and checkout flows. - Quality & Accessibility: Experience building accessible (WCAG compliant), responsive interfaces with a strong commitment to SEO best practices, testing frameworks (Jest, Playwright, Cypress), and maintainable code. - Performance Optimization: Practical knowledge of WebSockets, caching strategies (Redis, CDN-level/Cloudflare), and advanced image delivery networks. Nice-to-Have Competencies list: - Custom App Development: Building bespoke Shopify Apps using Node.js, Remix, GraphQL Admin API, and Shopify CLI. - Shopify Plus & Enterprise Features: Hands-on experience with Shopify Functions, Checkout Branding API, Shopify Scripts, and B2B configurations. - Tracking & Analytics: Setting up server-side tracking, GTM, Meta Pixel, and Customer Privacy APIs without hurting site load times. - WebGL, Canvas & 3D: Experience building interactive graphics, 3D product visualizers, or canvas animations using Three.js or “. (looks like a typo; but we keep as is) - Full-Stack & API Design: Experience across backend/database layers (PostgreSQL), REST/GraphQL API design, and authentication flows (OAuth, JWT). - Client-Facing & Management: Direct experience working with clients to clarify requirements, defining product roadmaps, or leading engineering teams. Compensation: "Our pay scale ranges from $40/hr to $120/hr pending seniority (& team leadership experience), and our projects are rarely less than 8 full time weeks at 40 hours per week. We prefer long standing relationships with highly accountable and communicative team members, so we encourage candidates to expect longer term engagements." How we interview: we should remove application instructions? The instruction says remove application instructions. "How we interview" is part of process; maybe considered application instructions? It's about interview process, not how to apply. Might be okay to keep? The instruction: "Remove cookie/navigation/legal/EEO/equal-opportunity/scam-warning boilerplate, duplicated lines, and application instructions." "How we interview" could be considered application instructions? It's about interview steps, not how to apply. Might be okay to keep but maybe safer to omit as it's about process. However we need to preserve substantive information; interview process is substantive. But the instruction says remove application instructions, not interview description. I'd keep it as a section maybe "Interview Process". But we only allowed headings list: About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule. No interview heading. So we should not add a new heading. Could we fold interview info into About the role or Benefits? Probably not. Safer to omit it, as it's not in allowed headings. The instruction says use those headings for section headings; but we could still include other headings? It says "Use

    for section headings (e.g. About the role, Responsibilities, Requirements, Qualifications, Skills, Benefits, Pay, Schedule)." It implies those are examples; we could use others but likely they want only those. Safer to stick to those. How We Work: includes transparency, carbon negative, remote friendly, etc. That could be Benefits. Important Reminders: about submitting application; that's application instructions, should be removed. Thus we will produce sections: About the role, Responsibilities, Requirements, Qualifications, Benefits, Pay, Schedule. We need to ensure we don't include filler like "commensurate with experience". Not present. Now craft HTML. We'll need to escape any HTML special characters? Not needed. We'll produce:

    About the role

    ... combined description ...

    Responsibilities

    • ...
    • ...

    Requirements

    • ...
    • ...

    Qualifications

    • ...
    • ...

    Benefits

    • Transparency & Ownership: profit sharing, open source, profit & loss statements shared.
    • 150% Carbon Negative: studio offsets 150% of carbon used each year since 2015, certified climate neutral since 2021.
    • Strong Morals: turned down $1mm–$2mm of work not meeting moral standards.
    • Async & Decentralized: tools for calm communication, opt for async, maintain focus time.
    • Remote Friendly: fluent in remote work, decentralized and
  • Similar jobs

    Senior Shopify Architect

    Publicis SapientIrving, TX· 6 days ago
    Art & Creative$150k–$180k/yrapply on careers.publicissapient.com

    Senior Shopify Architect

    Publicis SapientHouston, TX· 6 days ago
    Art & Creative$150k–$180k/yrapply on careers.publicissapient.com