1<!DOCTYPE html><html lang="en" class="antialiased"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" imageSizes="100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" imageSizes="(max-width: 1024px) 330vw, 100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" imageSizes="(max-width: 1024px) 330vw, 100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" imageSizes="(max-width: 1024px) 330vw, 100vw"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" imageSizes="(max-width: 1024px) 330vw, 100vw"/><link rel="preload" as="image" href="https://cdn.builder.io/api/v1/pixel?apiKey=f1fea6504bf7461a92b837b23d67a3f0"/><link rel="stylesheet" href="/_next/static/chunks/8a41af6c0e951233.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/dfcb3e252300f108.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/d002f615754e33fd.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/bef11d6a36f32148.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC"/>
1<script src="/_next/static/chunks/9c0b14bd771c9c64.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/3423bc8cb8d6f8c2.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/turbopack-579229a2f027ad9b.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/309250908a35808e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<script src="/_next/static/chunks/a2b6d273fd5e5d2f.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-MW1ZT4XV9F" as="script"/><link rel="preload" href="https://bzrcdn.openai.com/sdk/oaiq.min.js" as="script"/><meta name="next-size-adjust" content=""/><meta name="apple-mobile-web-app-title" content="Field Office"/><meta name="theme-color" content="#B6E57D"/><meta name="theme-color" content="#B6E57D" media="(prefers-color-scheme: light)"/><meta name="theme-color" content="#B6E57D" media="(prefers-color-scheme: dark)"/><link rel="canonical" href="https://www.field-office.ca/blog"/><link rel="alternate" hrefLang="en" href="https://www.field-office.ca/blog"/><link rel="alternate" hrefLang="fr-CA" href="https://www.field-office.ca/fr/blog"/><link rel="alternate" hrefLang="x-default" href="https://www.field-office.ca/blog"/><title>Field Notes: Shopify, Design & Development | Field Office</title><meta name="description" content="Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful."/><link rel="manifest" href="/manifest.json"/><meta property="og:title" content="Field Notes: Shopify, Design & Development | Field Office"/><meta property="og:description" content="Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful."/><meta property="og:url" content="https://www.field-office.ca/blog"/><meta property="og:locale" content="en"/><meta property="og:image" content="https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000&height=4000"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Field Notes: Shopify, Design & Development | Field Office"/><meta name="twitter:description" content="Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful."/><meta name="twitter:image" content="https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000&height=4000"/><link rel="icon" href="/favicon.ico?favicon.a2e231d3.ico" sizes="48x48" type="image/x-icon"/><link rel="icon" href="/icon0.svg?icon0.955400d4.svg" sizes="any" type="image/svg+xml"/><link rel="icon" href="/icon1.png?icon1.62e0f8af.png" sizes="96x96" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.62badf45.png" sizes="180x180" type="image/png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"ProfessionalService","@id":"https://www.field-office.ca/#organization","name":"Field Office","legalName":"Field Office Design Inc.","url":"https://www.field-office.ca/","logo":"https://www.field-office.ca/web-app-manifest-512x512.png","description":"Montréal studio building AI-powered Shopify storefronts and custom software â Next.js web apps, internal tools, and platforms. Bilingual EN/FR.","foundingDate":"2020","telephone":"+1-438-317-0321","address":{"@type":"PostalAddress","streetAddress":"7240 Rue Clark #102","addressLocality":"Montréal","addressRegion":"QC","postalCode":"H2R 2Y3","addressCountry":"CA"},"areaServed":["Montréal","Québec","Canada","United States"],"knowsLanguage":["en","fr-CA"],"founder":{"@type":"Person","name":"Jean-Philippe Lauzon","sameAs":"https://www.linkedin.com/in/jlauzon/"},"sameAs":["https://www.shopify.com/partners/directory/partner/field-office-design-inc","https://clutch.co/profile/field-office-0","https://ca.linkedin.com/company/field-office","https://www.facebook.com/fieldofficedesign/"]}</script>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" noModule=""></script>
1</head><body class="auxmono_3b37b369-module__cBDWvq__variable suisseintl_f5446599-module__Hrm7SG__variable overflow-x-hidden antialiased"><div hidden=""><!--$--><!--/$--></div><noscript><img height="1" width="1" style="display:none" alt="" src="https://www.facebook.com/tr?id=2568885706885230&ev=PageView&noscript=1"/></noscript>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark","modern"],null,true,true)</script>
1<style>#nprogress{pointer-events:none}#nprogress .bar{background:hsl(var(--foreground));position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:hsl(var(--foreground));border-left-color:hsl(var(--foreground));border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style><div class="section-theme-dark " data-section-theme="dark"><header class="fixed top-2.5 lg:top-0 left-0 w-full z-9999 bg-transparent text-foreground transition-colors" style="transform:none"><div class="px-2.5 relative z-40 h-fit block lg:h-fit lg:pt-2.5 xl:theme-grid max-xl:theme-grid-mobile"><div class="shrink-0 xl:col-span-6 flex items-center"><div data-header-ink="logo" class="w-fit"><a class="block xl:w-34 w-26 h-auto text-foreground" href="/"><svg xmlns="http://www.w3.org/2000/svg" width="137" height="38" viewBox="0 0 137 38" fill="none" class="w-full h-full"><path d="M35.7878 32.9105C52.499 32.9105 66.0991 26.6681 66.0991 18.9963C66.0991 11.3244 52.499 5.08203 35.7878 5.08203C19.0767 5.08203 5.47656 11.3313 5.47656 19.0032C5.47656 26.675 19.0767 32.9174 35.7878 32.9174V32.9105ZM35.7878 31.0599C31.6849 31.0599 27.1254 26.3573 26.7258 19.9285H44.8498C44.4431 26.3573 39.8907 31.0599 35.7878 31.0599ZM43.3442 30.5489C46.7407 28.0699 48.6387 23.9888 48.8884 19.9285H61.9748C61.1328 24.9625 53.5407 29.1402 43.3442 30.5489ZM61.9748 18.0709H48.8884C48.6387 14.0106 46.7335 9.92957 43.3442 7.45056C53.5407 8.85924 61.1399 13.037 61.9748 18.0709ZM35.7878 6.94647C39.8907 6.94647 44.4502 11.649 44.8498 18.0778H26.7258C27.1326 11.649 31.6849 6.94647 35.7878 6.94647ZM28.2314 7.45056C24.8349 9.92957 22.9369 14.0106 22.6872 18.0709H9.60083C10.4428 13.037 18.0349 8.85924 28.2314 7.45056ZM22.6801 19.9285C22.9298 23.9888 24.8349 28.0699 28.2243 30.5489C18.0278 29.1402 10.4428 24.9625 9.5937 19.9285H22.6801Z" fill="currentColor"></path><path d="M75.2553 5.91797H83.5966V8.18292H77.924V10.1026H83.2541V12.3883H77.924V16.8767H75.2553V5.91797ZM87.2785 16.8836H84.6098V5.91797H87.2785V16.8836ZM89.3264 5.91797H98.0102V8.18292H91.995V10.1026H97.6819V12.3883H91.995V14.598H98.0102V16.8836H89.3264V5.91797ZM102.356 14.598H107.793V16.8836H99.687V5.91797H102.356V14.598ZM112.545 5.91797C116.248 5.91797 119.167 7.21617 119.167 11.3939C119.167 15.5716 116.248 16.8836 112.545 16.8836H108.813V5.91797H112.545ZM112.588 8.10005H111.482V14.7084H112.588C114.557 14.7084 116.341 14.301 116.341 11.3939C116.341 8.48675 114.557 8.10005 112.588 8.10005ZM80.4428 30.6874C76.9607 30.6874 74.5703 28.4362 74.5703 25.0181C74.5703 21.6 76.9607 19.3488 80.4428 19.3488C83.9248 19.3488 86.3152 21.6 86.3152 25.0181C86.3152 28.4362 83.9106 30.6874 80.4428 30.6874ZM80.4428 28.5605C82.0982 28.5605 83.4896 27.3521 83.4896 25.025C83.4896 22.6979 82.0982 21.4895 80.4428 21.4895C78.7873 21.4895 77.3959 22.6979 77.3959 25.025C77.3959 27.3521 78.7873 28.5605 80.4428 28.5605ZM87.6923 19.5284H96.0336V21.7933H90.361V23.713H95.6911V25.9986H90.361V30.4871H87.6923V19.5215V19.5284ZM97.0469 19.5284H105.388V21.7933H99.7155V23.713H105.046V25.9986H99.7155V30.4871H97.0469V19.5215V19.5284ZM109.07 30.494H106.394V19.5284H109.07V30.494ZM121.486 26.413C121.079 28.9541 118.953 30.6943 116.098 30.6943C113.244 30.6943 110.426 28.5191 110.426 25.0112C110.426 21.5033 112.645 19.3557 116.177 19.3557C119.709 19.3557 121.022 21.1373 121.414 23.637H118.788C118.489 22.1386 117.354 21.4895 116.084 21.4895C114.814 21.4895 113.259 22.7739 113.259 25.0112C113.259 27.2485 114.493 28.5674 116.12 28.5674C117.747 28.5674 118.56 28.0841 118.867 26.4199H121.493L121.486 26.413ZM122.834 19.5284H131.525V21.7933H125.51V23.713H131.197V25.9986H125.51V28.2084H131.525V30.494H122.834V19.5284Z" fill="currentColor"></path></svg></a></div></div><nav data-header-ink="nav" class="hidden xl:flex gap-5 items-center h-full col-span-4 text-foreground"><div class="h-full flex items-center relative group cursor-pointer"><a class="cursor-pointer uppercase transition-colors relative py-2 text-label! inline-flex items-center gap-1.5" href="/work"><span><span class="relative " style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">WORK</span><span style="display:inline-block;white-space:nowrap;position:absolute;
1left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">WORK</span></span></span><span class="pointer-events-none absolute inset-x-[-7px] inset-y-[3px] origin-center scale-40 opacity-0 transition-[opacity,transform] duration-1500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-100 group-hover:opacity-100" aria-hidden="true"><span class="absolute size-[5px] border-current left-0 top-0 border-l border-t"></span><span class="absolute size-[5px] border-current right-0 top-0 border-r border-t"></span><span class="absolute size-[5px] border-current bottom-0 left-0 border-b border-l"></span><span class="absolute size-[5px] border-current bottom-0 right-0 border-b border-r"></span></span></a></div><div class="h-full flex items-center relative group cursor-pointer"><a class="cursor-pointer uppercase transition-colors relative py-2 text-label! inline-flex items-center gap-1.5" href="/services"><span><span class="relative " style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">SERVICES</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">SERVICES</span></span></span><svg xmlns="http://www.w3.org/2000/svg" width="6" height="4" viewBox="0 0 6 4" fill="none" class="shrink-0" aria-hidden="true"><path d="M4.70703 2.5L2.70703 0.5L0.707031 2.5" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"></path></svg><span class="pointer-events-none absolute inset-x-[-7px] inset-y-[3px] origin-center scale-40 opacity-0 transition-[opacity,transform] duration-1500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-100 group-hover:opacity-100" aria-hidden="true"><span class="absolute size-[5px] border-current left-0 top-0 border-l border-t"></span><span class="absolute size-[5px] border-current right-0 top-0 border-r border-t"></span><span class="absolute size-[5px] border-current bottom-0 left-0 border-b border-l"></span><span class="absolute size-[5px] border-current bottom-0 right-0 border-b border-r"></span></span></a></div><div class="h-full flex items-center relative group cursor-pointer"><a class="cursor-pointer uppercase transition-colors relative py-2 text-label! inline-flex items-center gap-1.5" href="/blog"><span><span class="relative " style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">BLOG</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">BLOG</span></span></span><span class="pointer-events-none absolute inset-x-[-7px] inset-y-[3px] origin-center transition-[opacity,transform] duration-1500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-100 group-hover:opacity-100 scale-100 opacity-100" aria-hidden="true"><span class="absolute size-[5px] border-current left-0 top-0 border-l border-t"></span><span class="absolute size-[5px] border-current right-0 top-0 border-r border-t"></span><span class="absolute size-[5px] border-current bottom-0 left-0 border-b border-l"></span><span class="absolute size-[5px] border-current bottom-0 right-0 border-b border-r"></span></span></a></div><div class="h-full flex items-center relative group cursor-pointer"><a class="cursor-pointer uppercase transition-colors relative py-2 text-label! inline-flex items-center gap-1.5" href="/contact"><span><span class="relative " style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">CONTACT</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">CONTACT</span></span></span><span class="pointer-events-none absolute inset-x-[-7px] inset-y-[3px] origin-center scale-40 opacity-0 transition-[opacity,transform] duration-1500 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-100 group-hover:opacity-100" aria-hidden="true"><span class="absolute size-[5px] border-current left-0 top-0 border-l border-t"></span><span class="absolute size-[5px] border-current right-0 top-0 border-r border-t"></span><span class="absolute size-[5px] border-current bottom-0 left-0 border-b border-l"></span><span class="absolute size-[5px] border-current bottom-0 right-0 border-b border-r"></span></span></a></div></nav><div class="hidden xl:flex items-center gap-4 col-span-2 justify-end"><div data-header-ink="actions" class="w-fit"><div class="flex items-center gap-1.5 text-label uppercase select-none text-foreground"><a href="/blog" aria-current="true" class="transition-opacity hover:opacity-100 opacity-100">EN</a><span aria-hidden="true" class="opacity-40">/</span><a href="/fr/blog" class="transition-opacity hover:opacity-100 opacity-40">FR</a></div></div><a class="relative inline-flex items-center shrink-0 focus-visible:outline-1 focus-visible:outline-current focus-visible:outline-dashed focus-visible:outline-offset-[2px] w-fit" href="/contact"><span class="relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-visible font-mono font-normal uppercase transition-colors h-[35px] min-h-[35px] text-[length:var(--text-ui-next-label)] tracking-[-0.56px] cut-corner-br gap-[10px] px-4 text-ui-next-button-charcoal hover:bg-ui-next-button-primary-hover bg-[hsl(var(--fo-lime-green))] w-fit right-size-width"><span class="relative text-label uppercase !leading-none translate-y-
1px" style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">Start a Project</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">Start a Project</span></span></span></a></div><div class="flex xl:hidden items-center gap-4 justify-end"><div data-header-ink="actions" class="w-fit"><div class="flex items-center gap-1.5 text-label uppercase select-none text-foreground"><a href="/blog" aria-current="true" class="transition-opacity hover:opacity-100 opacity-100">EN</a><span aria-hidden="true" class="opacity-40">/</span><a href="/fr/blog" class="transition-opacity hover:opacity-100 opacity-40">FR</a></div></div><button class="relative inline-flex items-center shrink-0 focus-visible:outline-1 focus-visible:outline-current focus-visible:outline-dashed focus-visible:outline-offset-[2px] w-fit"><span class="relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-visible font-mono font-normal uppercase transition-colors h-[35px] min-h-[35px] text-[length:var(--text-ui-next-label)] tracking-[-0.56px] cut-corner-br gap-[10px] px-4 text-ui-next-button-charcoal hover:bg-ui-next-button-primary-hover bg-[hsl(var(--fo-lime-green))] w-fit"><span class="relative text-label uppercase !leading-none translate-y-px" style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">Menu</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">Menu</span></span></span></button></div></div></header></div><main class="pt-0"><div id="blog-stage"><div class="">
1<script id="webpage-schema" type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Field Notes: Shopify, Design & Development | Field Office","description":"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.","url":"https://www.field-office.ca/blog","inLanguage":"en","publisher":{"@type":"Organization","name":"Field Office","logo":{"@type":"ImageObject","url":"https://www.field-office.ca/web-app-manifest-512x512.png"}}}</script>
1<div class="builder-component builder-component-a33ff1bcc3e94a029cf1e185a94de0b6" data-name="page" data-source="Rendered by Builder.io"><div class="builder-content" builder-content-id="a33ff1bcc3e94a029cf1e185a94de0b6" builder-model="page"><div data-builder-component="page" data-builder-content-id="a33ff1bcc3e94a029cf1e185a94de0b6"><style data-emotion-css="h47494">.css-h47494{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}</style><div class="builder-blocks css-h47494" builder-type="blocks"><style data-emotion-css="qc0lp8">.css-qc0lp8.builder-block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;margin-top:20px;}</style><div class="builder-block builder-ea7e04109ab04a8599d5fdbc83aaad09 builder-has-component css-qc0lp8" builder-id="builder-ea7e04109ab04a8599d5fdbc83aaad09"><section class="section-theme-dark bg-background" data-section-theme="dark" id="hero"><div id="frame-decorator" class="fo-hero5 relative h-svh min-h-[640px] w-full shrink-0 overflow-hidden bg-black text-foreground"><div class="absolute left-0 top-[0.5px] flex h-full w-full items-end" data-name="module 1"><div class="pointer-events-none absolute inset-0 will-change-transform" style="opacity:0;transform:scale(1.1)"><div aria-hidden="false" class="absolute inset-0 transition-opacity duration-1000 ease-out opacity-100"><div class=""><img alt="background" decoding="async" data-nimg="fill" class="absolute top-0 left-0 z-[0] size-full object-cover transform-gpu" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 330vw, 100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fb82eb710c61849c8b2d18aad82c3ee34%3Fwidth%3D4000%26height%3D4000&w=3840&q=100"/><div class="absolute inset-0 duotones-noise"></div></div><div class="absolute inset-0 bg-black/15"></div></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-1000 ease-out opacity-0"><div class=""><img alt="background" decoding="async" data-nimg="fill" class="absolute top-0 left-0 z-[0] size-full object-cover transform-gpu" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 330vw, 100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=3840&q=100"/><div class="absolute inset-0 duotones-noise"></div></div><div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgb(0_0_0/0.25),transparent_28%,transparent_55%,rgb(0_0_0/0.5))]"></div></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-1000 ease-out opacity-0"><div class=""><img alt="background" decoding="async" data-nimg="fill" class="absolute top-0 left-0 z-[0] size-full object-cover transform-gpu" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 330vw, 100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=3840&q=100"/><div class="absolute inset-0 duotones-noise"></div></div><div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgb(0_0_0/0.25),transparent_28%,transparent_55%,rgb(0_0_0/0.5))]"></div></div><div aria-hidden="true" class="absolute inset-0 transition-opacity duration-1000 ease-out opacity-0"><div class=""><img alt="background" decoding="async" data-nimg="fill" class="absolute top-0 left-0 z-[0] size-full object-cover transform-gpu" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 1024px) 330vw, 100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=3840&q=100"/><div class="absolute inset-0 duotones-noise"></div></div><div class="absolute inset-0 bg-[linear-gradient(to_bottom,rgb(0_0_0/0.25),transparent_28%,transparent_55%,rgb(0_0_0/0.5))]"></div></div></div><div class="container-ui-next absolute inset-x-0 top-0 z-40 pt-14 lg:pt-12.5"><h1 class="uppercase text-heading-lg"><span class="whitespace-pre-line text-white" style="opacity:0">Field Notes</span></h1></div><div class="container-ui-next z-40 h-full relative flex w-full justify-between max-xl:flex-col pb-2.5 xl:items-end" style="opacity:0"><div class="flex h-full max-w-2xl flex-col gap-5 lg:gap-7.5 justify-end xl:w-[calc(50%-1.25rem)] max-lg:pb-12"><p class="min-w-0 mb-auto mt-[calc(50vh-1.5rem)] max-lg:hidden text-label text-justify max-xl:w-1/2 max-xl:pl-3 xl:w-full"><span class="text-foreground whitespace-pre-line" style="opacity:0">Latest article</span></p><h2 class="whitespace-pre-line uppercase text-foreground text-heading-2xs"><span class="text-foreground whitespace-pre-line" style="opacity:0">Shopify Editions Summer 2025: Highlights for Store Owners and Developers</span></h2><a class="relative inline-flex items-center shrink-0 focus-visible:outline-1 focus-visible:outline-current focus-visible:outline-dashed focus-visible:outline-offset-[2px] w-fit" href="/blog/shopify-editions-summer-2025-highlights-for-store-owners-and-developers"><span class="relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-visible font-mono font-normal uppercase transition-colors h-[35px] min-h-[35px] text-[length:var(--text-ui-next-label)] tracking-[-0.56px] cut-corner-br gap-[10px] px-4 text-ui-next-button-charcoal hover:bg-ui-next-button-primary-hover bg-[hsl(var(--fo-lime-green))] w-fit"><span class="relative text-label uppercase !leading-none translate-y-
1px" style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">read more</span><span style="display:inline-block;white-space:nowrap;position:absolute;left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">read more</span></span></span></a></div></div></div><div class="absolute inset-x-0 bottom-0 z-40 flex justify-center gap-2.5 max-lg:px-2.5"><button type="button" aria-label="Slide 1 of 4" aria-current="true" class="flex h-7.5 items-center max-lg:flex-1 lg:w-[75px]"><span class="block h-[2px] w-full bg-white/35"><span class="block h-full w-full origin-left bg-white" style="transform:scaleX(0)"></span></span></button><button type="button" aria-label="Slide 2 of 4" aria-current="false" class="flex h-7.5 items-center max-lg:flex-1 lg:w-[75px]"><span class="block h-[2px] w-full bg-white/35"></span></button><button type="button" aria-label="Slide 3 of 4" aria-current="false" class="flex h-7.5 items-center max-lg:flex-1 lg:w-[75px]"><span class="block h-[2px] w-full bg-white/35"></span></button><button type="button" aria-label="Slide 4 of 4" aria-current="false" class="flex h-7.5 items-center max-lg:flex-1 lg:w-[75px]"><span class="block h-[2px] w-full bg-white/35"></span></button></div><div class="pointer-events-none absolute inset-0 overflow-hidden z-30" style="opacity:0"><div class="bg-theme-white/18 absolute left-[calc(50%-0.5px)] top-1/2 h-[150%] w-px -translate-x-1/2 -translate-y-1/2" data-name="Vertical Divider" style="transform:none"></div><div class="bg-theme-white/18 absolute left-1/2 top-1/2 h-px w-[150%] -translate-x-1/2 -translate-y-1/2" data-name="Horizontal Divider" style="transform:none"><div class="max-lg:size-5.5 absolute left-1/2 top-1/2 size-5 -translate-x-1/2 -translate-y-1/2" data-name="SVG" style="transform:none"><svg class="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 45 45"><g id="SVG"><path d="M22.0782 2.12596e-06L22.0781 44.16" id="Vector" stroke="var(--stroke-0, #F6F6F6)" stroke-width="1" vector-effect="non-scaling-stroke" style="transform-box:view-box;transform-origin:50% 50%;transform:scaleY(0)"></path><path d="M2.12596e-06 22.0781L44.16 22.0782" id="Vector_2" stroke="var(--stroke-0, #F6F6F6)" stroke-width="1" vector-effect="non-scaling-stroke" style="transform-box:view-box;transform-origin:50% 50%;transform:scaleX(0)"></path></g></svg></div></div></div></div></section></div><div class="builder-block builder-a6a4e37368cc4aae87183b59eca49909 builder-has-component css-qc0lp8" builder-id="builder-a6a4e37368cc4aae87183b59eca49909"><section class="section-theme-light pt-fluid-2xl pb-fluid-2xl bg-background text-foreground max-lg:py-fluid-3xl!" data-section-theme="light" id="blog"><div class="container-ui-next"><div class="relative pb-20 lg:pb-fluid-xl pb-2.5!"><div class="relative flex w-full flex-col gap-10 pb-2.5 lg:flex-row lg:gap-2.5"><div class="relative flex min-w-0 flex-1 flex-col gap-0.75 overflow-clip" style="opacity:0;transform:translateY(24px)"><div class="overflow-clip"></div><div class="relative"><div class="flex flex-wrap gap-0.75 lg:gap-[3px]"><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors pointer-events-none bg-foreground text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 bg-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">All</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">Shopify</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">System-Integrations</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">Design-System</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">Development</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">UI-Design</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">News</span></button><button class="group flex h-4 w-fit shrink-0 cursor-pointer items-center justify-center gap-[5px] px-[5px] pt-0.5 text-label transition-colors bg-[#E6E6E6] text-foreground hover:bg-foreground hover:text-background" style="opacity:0"><span class="mb-0.5 size-2 shrink-0 border border-solid border-foreground group-hover:border-background" aria-hidden="true"></span><span class="font-mono text-label uppercase">system-architecture</span></button></div></div></div><div class="absolute bottom-0 left-0 h-px w-full origin-left bg-foreground" aria-hidden="true" style="transform:scale
1X(0)"></div></div></div><div class="grid grid-cols-1 gap-y-20 md:grid-cols-2 gap-x-2.5"><a class="group flex flex-col gap-y-2" href="/blog/why-we-moved-from-webflow-to-next-js-and-builder-io"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 1" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1b9d9fb481f84b86894a1fb44c544bf8%3Fwidth%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Design System</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Development</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">System Architecture</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>24 April 2025</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">Why We Moved from Webflow to Next.js and Builder.io</h3></div></a><a class="group flex flex-col gap-y-2" href="/blog/shopify-editions-summer-2025-highlights-for-store-owners-and-developers"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 2" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F1e11a0f1d77a470fadd790dc96d07f6a%3Fwidth%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Design System</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Development</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Shopify</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">News</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>21 April 2025</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">Shopify Editions Summer 2025: Highlights for Store Owners and Developers</h3></div></a><a class="group flex flex-col gap-y-2" href="/blog/we-made-a-simple-code-companion-gpt-for-our-next-js-stack"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 3" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fd55968d878de44909d76eeeca29fe53f%3Fwidth%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">News</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Development</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>20 December 2023</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">We made a simple Code Companion GPT for our Next JS stack</h3></div></a><a class="group flex flex-col gap-y-2" href="/blog/the-case-for-shopify-2-0"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 4" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F3079cc3971c2476680edbcb06e97d66b%3Fwidth%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Shopify</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Development</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>18 October 2023</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">The Case for Shopify 2.0</h3></div></a><a class="group flex flex-col gap-y-2" href="/blog/the-shopify-pos-terminal"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 5" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[
1cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252F73f62e40dc374507a34c072672e97037%3Fformat%3Dwebp%26width%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Shopify</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">System Integrations</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>12 October 2023</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">Introducing the Shopify POS Terminal</h3></div></a><a class="group flex flex-col gap-y-2" href="/blog/builder-ios-visual-copilot"><div class="relative aspect-189/122 overflow-hidden bg-[#ECECEC]"><img alt="Article 6" loading="lazy" decoding="async" data-nimg="fill" class="size-full object-cover transition-transform duration-300 ease-[cubic-bezier(0.4,0,0.2,1)] group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=640&q=75 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=750&q=75 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=828&q=75 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=1080&q=75 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf74
161a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=1200&q=75 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=1920&q=75 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=2048&q=75 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=3840&q=75 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fa7477dcf58704eb9b4721accb4ff01f9%3Fwidth%3D4000%26height%3D4000&w=3840&q=75"/><div class="absolute left-0 top-0 flex max-w-full flex-wrap items-center gap-[3px] p-2.5"><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Design System</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">Development</span><span class="flex h-[18px] items-center justify-center bg-background px-1.25 pt-0.5 text-label font-mono text-foreground">UI Design</span></div></div><div class="@container flex flex-col gap-y-5"><div class="flex items-center justify-between text-label font-mono text-foreground"><span>12 October 2023</span></div><h3 class="text-heading-2xs lg:max-w-[79%] lg:text-[length:min(var(--text-ui-next-heading-2xs),3.6cqi)] max-lg:leading-[1.1] text-foreground text-balance">Builder.io's New Feature: Bridging Figma and Web Development</h3></div></a></div></div></section></div><style data-emotion-css="dfmn2v">.css-dfmn2v.builder-block{height:0;width:0;display:block;opacity:0;overflow:hidden;pointer-events:none;}</style><img src="https://cdn.builder.io/api/v1/pixel?apiKey=f1fea6504bf7461a92b837b23d67a3f0" aria-hidden="true" alt="" width="0" height="0" class="builder-block builder-pixel-nbqrxfadd8h css-dfmn2v" builder-id="builder-pixel-nbqrxfadd8h"/></div></div></div></div></div><!--$--><!--/$--></div></main><div aria-hidden="true" class="pointer-events-none invisible fixed inset-0 z-[9000] bg-[#1C1C1C] opacity-0"></div><div aria-hidden="true" class="pointer-events-none invisible fixed inset-0 z-[10000] opacity-0"><div class="absolute inset-0 flex items-center justify-center bg-[#A3E87C]"><svg viewBox="0 0 137 86" fill="currentColor" class="h-auto w-[clamp(72px,7.08vw,136px)] text-theme-black opacity-0"><path d="M68.1348 61.5221C104.74 61.5221 134.53 47.7216 134.53 30.761C134.53 13.8005 104.74 0 68.1348 0C31.5297 0 1.73926 13.8158 1.73926 30.7763C1.73926 47.7369 31.5297 61.5373 68.1348 61.5373V61.5221ZM68.1348 57.4308C59.1477 57.4308 49.1602 47.0346 48.2849 32.822H87.9847C87.0938 47.0346 77.122 57.4308 68.1348 57.4308ZM84.6868 56.3011C92.1266 50.8206 96.2842 41.7984 96.8312 32.822H125.496C123.652 43.9509 107.022 53.1868 84.6868 56.3011ZM125.496 28.7154H96.8312C96.2842 19.739 92.111 10.7168 84.6868 5.23625C107.022 8.35052 123.668 17.5865 125.496 28.7154ZM68.1348 4.12183C77.122 4.12183 87.1094 14.518 87.9847 28.7307H48.2849C49.1758 14.518 59.1477 4.12183 68.1348 4.12183ZM51.5828 5.23625C44.143 10.7168 39.9855 19.739 39.4384 28.7154H10.7733C12.6176 17.5865 29.2478 8.35052 51.5828 5.23625ZM39.4228 32.822C39.9698 41.7984 44.143 50.8206 51.5672 56.3011C29.2321 53.1868 12.6176 43.9509 10.7577 32.822H39.4228Z"></path><path d="M0 71.4246H10.935V74.3342H3.49845V76.8003H10.486V79.7365H3.49845V85.5025H0V71.4246ZM15.7617 85.5113H12.2633V71.4246H15.7617V85.5113ZM18.4464 71.4246H29.8304V74.3342H21.9448V76.8003H29.4001V79.7365H21.9448V82.5751H29.8304V85.5113H18.4464V71.4246ZM35.5271 82.5751H42.6549V85.5113H32.0286V71.4246H35.5271V82.5751ZM48.8848 71.4246C53.7396 71.4246 57.5654 73.0923 57.5654 78.4591C57.5654 83.8259 53.7396 85.5113 48.8848 85.5113H43.9926V71.4246H48.8848ZM48.9409 74.2278H47.491V82.7171H48.9409C51.5226 82.7171 53.8612 82.1937 53.8612 78.4591C53.8612 74.7245 51.5226 74.2278 48.9409 74.2278ZM69.2358 85.8195C64.671 85.8195 61.5373 82.9277 61.5373 78.5367C61.5373 74.1456 64.671 71.2538 69.2358 71.2538C73.8006 71.2538 76.9343 74.1456 76.9343 78.5367C76.9343 82.9277 73.7819 85.8195 69.2358 85.8195ZM69.2358 83.0874C71.406 83.0874 73.23 81.535 73.23 78.5455C73.23 75.5561 71.406 74.0037 69.2358 74.0037C67.0657 74.0037 65.2416 75.5561 65.2416 78.5455C65.2416 81.535 67.0657 83.0874 69.2358 83.0874ZM78.7396 71.4844H89.6746V74.394H82.2381V76.8601H89.2256V79.7963H82.2381V85.5623H78.7396V71.4756V71.4844ZM91.0029 71.4844H101.938V74.394H94.5014V76.8601H101.489V79.7963H94.5014V85.5623H91.0029V71.4756V71.4844ZM106.765 85.5712H103.257V71.4844H106.765V85.5712ZM123.041 80.3286C122.508 83.593 119.72 85.8284 115.978 85.8284C112.237 85.8284 108.542 83.0341 108.542 78.5278C108.542 74.0215 111.451 71.2627 116.081 71.2627C120.712 71.2627 122.433 73.5513 122.947 76.7625
1H119.505C119.112 74.8376 117.625 74.0037 115.96 74.0037C114.295 74.0037 112.256 75.6537 112.256 78.5278C112.256 81.4019 113.874 83.0962 116.007 83.0962C118.139 83.0962 119.206 82.4753 119.608 80.3374H123.05L123.041 80.3286ZM124.809 71.4844H136.202V74.394H128.317V76.8601H135.772V79.7963H128.317V82.6349H136.202V85.5712H124.809V71.4844Z"></path></svg></div></div><section class="section-theme-forest-white relative bg-background" data-section-theme="forest-white" id="global-cta"><div class="h-screen overflow-hidden relative shrink-0 w-full text-foreground container-ui-next flex flex-col justify-between py-5"><div class="min-h-[300px] absolute inset-0 w-full h-full"><div class="z-[0] w-full h-full origin-center-bottom absolute inset-0 overflow-hidden object-cover"><div class="relative h-full min-w-full transform-gpu" style="will-change:auto;backface-visibility:hidden;contain:paint;transform:translate3d(0, -75%, 0) scale(1)"><img alt="background" decoding="async" data-nimg="fill" class="object-cover" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="100vw" srcSet="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=640&q=100 640w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=750&q=100 750w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=828&q=100 828w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1080&q=100 1080w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1200&q=100 1200w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=1920&q=100 1920w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=2048&q=100 2048w, /_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=3840&q=100 3840w" src="/_next/image?url=https%3A%2F%2Fcdn.builder.io%2Fapi%2Fv1%2Fimage%2Fassets%252Ff1fea6504bf7461a92b837b23d67a3f0%252Fdc7b1b75b0b946078a8d5201c7eb1df4%3Fwidth%3D4000%26height%3D4000&w=3840&q=100"/><div class="absolute inset-0 duotones-noise z-1"></div></div></div><div class="absolute inset-0 bg-overlay z-1 pointer-events-none"></div></div><div></div><div class="flex flex-col z-10 gap-fluid-md"><h2 class="text-foreground whitespace-pre-line uppercase lg:text-heading-md text-heading-md"><span class="text-foreground whitespace-pre-line" style="opacity:0">Ready? 2Open your field office</span></h2><a class="relative inline-flex items-center shrink-0 focus-visible:outline-1 focus-visible:outline-current focus-visible:outline-dashed focus-visible:outline-offset-[2px] w-fit" href="/contact"><span class="relative inline-flex shrink-0 cursor-pointer items-center justify-center overflow-visible font-mono font-normal uppercase transition-colors h-[35px] min-h-[35px] text-[length:var(--text-ui-next-label)] tracking-[-0.56px] cut-corner-br gap-[10px] px-4 text-ui-next-button-charcoal hover:bg-ui-next-button-primary-hover bg-[hsl(var(--fo-lime-green))] w-fit min-w-[130px]"><span class="relative text-label uppercase !leading-none translate-y-px" style="display:inline-block;white-space:nowrap"><span style="visibility:hidden" class="whitespace-nowrap">Enroll</span><span style="display:inline-block;white-space:nowrap;position:absolute;
2left:0;top:0;width:100%;height:100%" class="whitespace-nowrap">Enroll</span></span></span></a></div></div><div class="pointer-events-none absolute inset-0 overflow-hidden z-10" style="opacity:0"><div class="bg-theme-white/18 absolute left-[calc(50%-0.5px)] top-1/2 h-[150%] w-px -translate-x-1/2 -translate-y-1/2" data-name="Vertical Divider"></div><div class="bg-theme-white/18 absolute left-1/2 top-1/2 h-px w-[150%] -translate-x-1/2 -translate-y-1/2" data-name="Horizontal Divider"><div class="max-lg:size-5.5 absolute left-1/2 top-1/2 size-5 -translate-x-1/2 -translate-y-1/2" data-name="SVG"><svg class="block size-full" fill="none" preserveAspectRatio="none" viewBox="0 0 45 45"><g id="SVG"><path d="M22.0782 2.12596e-06L22.0781 44.16" id="Vector" stroke="var(--stroke-0, #F6F6F6)" stroke-width="1" vector-effect="non-scaling-stroke" style="transform-box:view-box;transform-origin:50% 50%;transform:scaleY(0)"></path><path d="M2.12596e-06 22.0781L44.16 22.0782" id="Vector_2" stroke="var(--stroke-0, #F6F6F6)" stroke-width="1" vector-effect="non-scaling-stroke" style="transform-box:view-box;transform-origin:50% 50%;transform:scaleX(0)"></path></g></svg></div></div></div></section><footer class="section-theme-lime relative h-screen min-h-[600px] bg-background text-foreground overflow-hidden" data-section-theme="lime"><div class="footer container-ui-next h-full relative flex items-end pb-4 max-w-full overflow-hidden"><div class="absolute inset-x-0 inset-y-0 w-full h-full flex justify-center items-center pointer-events-none"><svg class="absolute inset-0 w-full h-full" width="1920" preserveAspectRatio="none" height="950" viewBox="0 0 1920 950" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="960" y1="0" x2="960" y2="950" stroke="black" stroke-opacity="0.25" stroke-dasharray="2 2" vector-effect="non-scaling-stroke"></line></svg><svg class="w-full h-auto block max-md:mt-[0%]" width="1920" height="950" viewBox="0 0 1920 870" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="960" cy="435" rx="400" ry="435" stroke="black" stroke-opacity="0.25" stroke-dasharray="2 2" vector-effect="non-scaling-stroke"></ellipse><line x1="0" y1="434" x2="1920" y2="434" stroke="black" stroke-opacity="0.25" stroke-dasharray="2 2" vector-effect="non-scaling-stroke"></line><ellipse cx="960" cy="435" rx="950" ry="435" stroke="black" stroke-opacity="0.25" stroke-dasharray="2 2" vector-effect="non-scaling-stroke"></ellipse></svg></div><div class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-[30.46%] aspect-585/410 h-auto overflow-hidden hidden lg:flex items-center justify-center"><div class="absolute inset-0"><video class="size-full object-cover" autoPlay="" loop="" muted="" playsInline="" poster="/footer-work-poster.jpg"><source src="/footer-work.webm" type="video/webm"/><source src="/footer-work.mp4" type="video/mp4"/></video></div><a class="relative z-10 text-primary/80 uppercase size-full flex items-end pb-3.75 justify-center duotone-noise" href="/work"><div class="absolute inset-x-0 bottom-0 h-1/3 bg-linear-to-t from-black/45 to-transparent"></div><p class="relative z-10 text-label">Explore our work</p></a></div><div class="absolute max-lg:pt-20 left-2.5 right-2.5 bottom-1/2 max-lg:translate-y-1/2 lg:bottom-[calc(50%+4px)] lg:flex! lg:justify-between lg:px-2.5 max-lg:flex max-lg:flex-col max-lg:gap-0 max-lg:justify-between text-label"><p class="text-center whitespace-nowrap col-span-4 order-1 lg:w-[27%]"><span class="text-foreground whitespace-pre-line" style="opacity:0">YOUR TEAM AWAY FROM HQ.</span></p><a class="relative w-[271px] flex items-end justify-center h-auto aspect-271/189 mx-auto lg:hidden order-2 max-lg:order-3 max-lg:mt-23" href="/work"><video class="absolute inset-0 w-full h-full object-cover" autoPlay="" loop="" muted="" playsInline="" poster="/footer-work-poster.jpg"><source src="/footer-work.webm" type="video/webm"/><source src="/footer-work.mp4" type="video/mp4"/></video><div class="absolute inset-x-0 bottom-0 z-10 h-1/3 bg-linear-to-t from-black/45 to-transparent"></div><p class="relative z-12 text-label font-mono text-theme-white pb-3.75">Explore our work</p></a><p class="col-start-10 col-span-3 text-center order-3 max-lg:order-2 lg:w-[27%]"><span class="text-foreground whitespace-pre-line" style="opacity:0">deployed from mtl, ca</span></p></div><div class="relative text-overline-small lg:text-overline uppercase max-lg:flex max-lg:gap-8 lg:theme-grid w-full max-lg:justify-between items-end overflow-visible"><div class="flex gap-4 sm:gap-8 col-span-2 max-sm:flex-col-reverse"><a target="_self" class="cursor-pointer hover:underline" href="/careers">Careers</a></div><div class="flex justify-center items-end gap-6 lg:gap-8 col-span-8 max-lg:absolute max-lg:bottom-13.5 max-lg:left-1/2 max-lg:-translate-x-1/2"><a target="_blank" class="cursor-pointer hover:underline" href="https://www.instagram.com/fieldofficedesign/">Instagram</a><a target="_blank" class="cursor-pointer hover:underline" href="https://www.linkedin.com/company/field-office/">Linkedin</a><a target="_blank" class="cursor-pointer hover:underline" href="https://www.behance.net/field-office-design">Behance</a></div><div class="whitespace-pre-line items-end col-span-2 justify-self-end flex flex-col right-size-width-forced"><div class="items-end">©<!-- -->2026</div></div></div></div></footer>
2<script src="/_next/static/chunks/bef11d6a36f32148.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC" id="_R_" async=""></script>
2<script>(self.__next_f=self.__next_f||[]).push([0])</script>
2<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[345903,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n4:I[126439,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n6:I[656908,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[656908,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"ViewportBoundary\"]\nb:I[656908,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"MetadataBoundary\"]\nd:I[594616,[],\"default\"]\nf:I[973545,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"\"]\n11:I[756175,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n12:I[943568,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"ThemeProvider\"]\n13:I[201039,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n14:I[59734,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n15:I[266546,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"HeaderSwitch\"]\n16:I[312358,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n1a:I[169953,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static"])</script>
2<script>self.__next_f.push([1,"/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n1c:I[471468,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n1d:I[266546,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"GlobalCtaGate\"]\n20:I[104
2100,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n:HL[\"/_next/static/chunks/8a41af6c0e951233.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"style\"]\n:HL[\"/_next/static/chunks/dfcb3e252300f108.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"style\"]\n:HL[\"/_next/static/media/AuxMono_Regular-s.p.3c633da3.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/AuxMono_Regular-s.p.9f19f881.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Black-s.p.8bbc67a3.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/SuisseIntl_Black-s.p.9b89527f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Bold-s.p.176878f1.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/SuisseIntl_Bold-s.p.992984db.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Book-s.p.97d9e1d3.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/SuisseIntl_Book-s.p.d5318853.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Light-s.p.6785bce8.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/SuisseIntl_Light-s.p.fe8a585c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Medium-s.p.ef8d9508.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/media/SuisseIntl_Medium-s.p.f3072189.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Regular-s.p.4e644520.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/SuisseIntl_Regular-s.p.ebd94822.woff\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff\"}]\n:HL[\"/_next/static/chunks/d002f615754e33fd.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"style\"]\n"])</script>
2<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Rnkrclv1X01ItnWJbLxrf\",\"c\":[\"\",\"blog\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[\"__PAGE__\",{}],\"modal\":[\"__DEFAULT__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/8a41af6c0e951233.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/dfcb3e252300f108.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[[\"$\",\"div\",null,{\"id\":\"blog-stage\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"modal\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[\"$L5\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d002f615754e33fd.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/309250908a35808e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/a2b6d273fd5e5d2f.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false],\"modal\":[[\"$\",\"$1\",\"c\",{\"children\":[null,null,null]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":false}\n"])</script>
2<script>self.__next_f.push([1,"e:T43e,{\"@context\":\"https://schema.org\",\"@type\":\"ProfessionalService\",\"@id\":\"https://www.field-office.ca/#organization\",\"name\":\"Field Office\",\"legalName\":\"Field Office Design Inc.\",\"url\":\"https://www.field-office.ca/\",\"logo\":\"https://www.field-office.ca/web-app-manifest-512x512.png\",\"description\":\"Montréal studio building AI-powered Shopify storefronts and custom software â Next.js web apps, internal tools, and platforms. Bilingual EN/FR.\",\"foundingDate\":\"2020\",\"telephone\":\"+1-438-317-0321\",\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"7240 Rue Clark #102\",\"addressLocality\":\"Montréal\",\"addressRegion\":\"QC\",\"postalCode\":\"H2R 2Y3\",\"addressCountry\":\"CA\"},\"areaServed\":[\"Montréal\",\"Québec\",\"Canada\",\"United States\"],\"knowsLanguage\":[\"en\",\"fr-CA\"],\"founder\":{\"@type\":\"Person\",\"name\":\"Jean-Philippe Lauzon\",\"sameAs\":\"https://www.linkedin.com/in/jlauzon/\"},\"sameAs\":[\"https://www.shopify.com/partners/directory/partner/field-office-design-inc\",\"https://clutch.co/profile/field-office-0\",\"https://ca.linkedin.com/company/field-office\",\"https://www.facebook.com/fieldofficedesign/\"]}10:[\"$\",\"img\",null,{\"height\":\"1\",\"width\":\"1\",\"style\":{\"display\":\"none\"},\"alt\":\"\",\"src\":\"https://www.facebook.com/tr?id=2568885706885230\u0026ev=PageView\u0026noscript=1\"}]\n"])</script>
2<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"antialiased\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"meta\",null,{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Field Office\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#B6E57D\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#B6E57D\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"content\":\"#B6E57D\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"link\",null,{\"rel\":\"canonical\",\"href\":\"https://www.field-office.ca/blog\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"en\",\"href\":\"https://www.field-office.ca/blog\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"fr-CA\",\"href\":\"https://www.field-office.ca/fr/blog\"}],[\"$\",\"link\",null,{\"rel\":\"alternate\",\"hrefLang\":\"x-default\",\"href\":\"https://www.field-office.ca/blog\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$e\"}}],[[\"$\",\"$Lf\",null,{\"src\":\"https://www.googletagmanager.com/gtag/js?id=G-MW1ZT4XV9F\",\"strategy\":\"afterInteractive\"}],[\"$\",\"$Lf\",null,{\"id\":\"ga4\",\"strategy\":\"afterInteractive\",\"children\":\"window.dataLayer = window.dataLayer || [];\\n function gtag(){dataLayer.push(arguments);}\\n gtag('js', new Date());\\n gtag('config', 'G-MW1ZT4XV9F');\"}]],[[\"$\",\"$Lf\",null,{\"id\":\"oaiq-init\",\"strategy\":\"afterInteractive\",\"children\":\"window.oaiq = window.oaiq || function(){(window.oaiq.q = window.oaiq.q || []).push(arguments)};\\n oaiq('init', { pixelId: '3e1Z2MaAAoHLBVwwapKLrF' });\"}],[\"$\",\"$Lf\",null,{\"src\":\"https://bzrcdn.openai.com/sdk/oaiq.min.js\",\"strategy\":\"afterInteractive\"}]],[\"$\",\"$Lf\",null,{\"id\":\"meta-pixel\",\"strategy\":\"afterInteractive\",\"children\":\"!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');\\n fbq('init', '2568885706885230');\\n fbq('track', 'PageView');\"}]]}],[\"$\",\"body\",null,{\"className\":\"auxmono_3b37b369-module__cBDWvq__variable suisseintl_f5446599-module__Hrm7SG__variable overflow-x-hidden antialiased\",\"children\":[[[\"$\",\"noscript\",null,{\"children\":\"$10\"}],[\"$\",\"$L11\",null,{}]],[\"$\",\"$L12\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L13\",null,{\"children\":[[\"$\",\"$L14\",null,{\"color\":\"hsl(var(--foreground))\",\"shadow\":false,\"showSpinner\":false}],[\"$\",\"$L15\",null,{\"campaignHeader\":[\"$\",\"$L16\",null,{}],\"mainHeader\":\"$L17\"}],\"$L18\",\"$L19\"]}]}]]}]]}]\n"])</script>
2<script>self.__next_f.push([1,"18:[\"$\",\"$L1a\",null,{\"children\":[[\"$\",\"main\",null,{\"className\":\"pt-0\",\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[\"$L1b\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d002f615754e33fd.css?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L1c\",null,{}],[\"$\",\"$L1d\",null,{\"hideOn\":[\"/contact\"],\"children\":\"$L1e\"}],\"$L1f\"]}]\n19:[\"$\",\"$L20\",null,{}]\na:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
2<script>self.__next_f.push([1,"21:I[693994,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n1e:[\"$\",\"$L21\",null,{\"buttonLabel\":\"Enroll\",\"buttonUrl\":\"/contact\",\"image\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fdc7b1b75b0b946078a8d5201c7eb1df4?width=4000\u0026height=4000\",\"overlay\":true,\"theme\":\"forest-white\",\"title\":\"Ready?\\nOpen your field office\"}]\n"])</script>
2<script>self.__next_f.push([1,"22:I[383541,[\"/_next/static/chunks/a5ece7ecd72e0abb.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a8a5bdda38b01bc8.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"IconMark\"]\n8:null\n"])</script>
2<script>self.__next_f.push([1,"c:[[\"$\",\"title\",\"0\",{\"children\":\"Field Notes: Shopify, Design \u0026 Development | Field Office\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Field Notes: Shopify, Design \u0026 Development | Field Office\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:url\",\"content\":\"https://www.field-office.ca/blog\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:locale\",\"content\":\"en\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Field Notes: Shopify, Design \u0026 Development | Field Office\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:description\",\"content\":\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:image\",\"content\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.a2e231d3.ico\",\"sizes\":\"48x48\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"14\",{\"rel\":\"icon\",\"href\":\"/icon0.svg?icon0.955400d4.svg\",\"sizes\":\"any\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"/icon1.png?icon1.62e0f8af.png\",\"sizes\":\"96x96\",\"type\":\"image/png\"}],[\"$\",\"link\",\"16\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.62badf45.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L22\",\"17\",{}]]\n"])</script>
2<script>self.__next_f.push([1,"23:I[999390,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n"])</script>
2<script>self.__next_f.push([1,"1f:[\"$\",\"$L23\",null,{\"bottomLeftLink\":{\"externalLink\":\"\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a422268226014d6eaffb338594956c90\",\"model\":\"page\",\"value\":{\"createdDate\":1769015233766,\"id\":\"a422268226014d6eaffb338594956c90\",\"name\":\"Careers\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790178184579,\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"themeId\":false,\"title\":\"Careers at Field Office: Join the Unit\",\"description\":\"Join a small, specialized Shopify unit building storefronts and custom web tools. Deployed from Montréal. Senior, curious, ship-focused people wanted.\",\"url\":\"/careers\"}}},\"openInNewTab\":false,\"title\":\"Careers\"},\"centerLinks\":[{\"link\":{\"externalLink\":\"https://www.instagram.com/fieldofficedesign/\",\"openInNewTab\":true,\"title\":\"Instagram\"}},{\"link\":{\"externalLink\":\"https://www.linkedin.com/company/field-office/\",\"openInNewTab\":true,\"title\":\"Linkedin\"}},{\"link\":{\"externalLink\":\"https://www.behance.net/field-office-design\",\"openInNewTab\":true,\"title\":\"Behance\"}}],\"eyebrowLeft\":\"YOUR TEAM AWAY FROM HQ.\",\"eyebrowRight\":\"deployed from mtl, ca\",\"eyebrowRightMobile\":\"YOUR TEAM AWAY FROM HQ.\",\"featuredLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"model\":\"page\",\"value\":{\"createdDate\":1767029641155,\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"name\":\"Work\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790784952103,\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"description\":\"Selected storefronts and custom software: Shopify builds, B2B portals, and internal platforms that help brands sell more and operate leaner.\",\"themeId\":false,\"title\":\"Our Work: Shopify \u0026 Custom Software | Field Office\",\"url\":\"/work\"}}},\"image\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F8bcb1dca3c9841dcb601c64443d7af17?width=4000\u0026height=4000\",\"imageText\":\"Explore our work\",\"legalsText\":\"Field Office\\nYOUR TEAM\\nAWAY FROM HQ\\ndeployed from mtl, ca\"}]\n"])</script>
2<script>self.__next_f.push([1,"24:I[27750,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"default\"]\n"])</script>
2<script>self.__next_f.push([1,"17:[\"$\",\"$L24\",null,{\"caseStudies\":{\"featured\":{\"title\":\"Atari\",\"body\":\"Relaunching a legacy video game brand for the modern era.\",\"url\":\"/work/atari\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F86df53d5f9da44f9b47837c441000240?width=4000\u0026height=4000\",\"featured\":true,\"id\":\"c950f1a2f2994dcba3d1724988a0e966\"},\"items\":[{\"title\":\"Cime Collections\",\"body\":\"A Shopify storefront that takes Cime Collections from B2B to direct-to-consumer.\",\"url\":\"/work/cime-collections\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fd20f1791d110433aa00c6579987431da?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"f8861b59a93c46a390fa8b3be84a52d8\"},{\"title\":\"CAVHQ\",\"body\":\"Continuous cyber compliance, built for high-reliability organizations.\",\"url\":\"/work/cavhq\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fd480e37fa2284c95b41edcaee3cd7684?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"cdcd34ee695d42ed86781b1173493105\"},{\"title\":\"Be Giant\",\"body\":\"An editorial publication on Canadian innovation, science and entrepreneurship, built on Next.js and Sanity.\",\"url\":\"/work/begiant\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fcfe533970bed428cba0ec34c51cdcfd9?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"8024f358d1054f81bced11b6e12d4ffe\"},{\"title\":\"Groupe Copley\",\"body\":\"A storefront worthy of the work it sells.\",\"url\":\"/work/groupe-copley\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Faed167af057a4e0a8d48523bc4784c69?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"a67ef2fede1e4e049fa204d2214c4335\"},{\"title\":\"Jayson Home\",\"body\":\"Field Office is the ongoing Shopify partner for Jayson Home, the home furnishings and decor brand, evolving its storefront across theme, merchandising, search, email, and trade-program experiences.\",\"url\":\"/work/jayson-home\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F54077355305d4c358ffd37d4535958cf?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"58d45681ab0f484a967da00528c5b57b\"},{\"title\":\"J\u0026L Tweed\",\"body\":\"From the Heart of the Scottish Highlands.\",\"url\":\"/work/jl-tweed\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F72a30c46f6a542eaa378b26574e44e92?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"63a474d5a2eb4eb0bb1ff6b8a3f5a630\"},{\"title\":\"Maison Territo\",\"body\":\"Field Office designed and built the Shopify storefront for Maison Territo, a Montreal luxury furniture and home retailer.\",\"url\":\"/work/maison-territo\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F5b784a4382fc493f80959fa7eceb6aea?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"3c31842d72d841449d84bae57fbae4be\"},{\"title\":\"Mont\",\"body\":\"Hotel comfort, long-term convenience\",\"url\":\"/work/mont\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F68a4e0b2c8844c7fac0e60f383652e2f?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"0b706217a0e14b45b374d3f7777e1328\"},{\"title\":\"Togethxr\",\"body\":\"Media Empire meets eCommerce.\",\"url\":\"/work/togethxr\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F6263d9c32da0423a8cfe0412b4671dab?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"2811c64f20c640289ba8021ff0029afa\"},{\"title\":\"Yves Legare\",\"body\":\"Field Office redesigned and rebuilt Yves Légaré's funeral services platform on Shopify, with custom templates, Salesforce integration, and a fully bilingual, conversion-focused experience.\",\"url\":\"/work/yves-legare\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf74
261a92b837b23d67a3f0%2F3098f5310966441191717118214cce68?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"8a3ce2acf40e42a49c3159efc81ec425\"},{\"title\":\"Dreamfold\",\"body\":\"A custom, CMS-driven marketing site for Dreamfold, built so the team can manage jobs, people, and news on their own without touching the design.\",\"url\":\"/work/dreamfold\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F72785dbb9ebd4c3c9146d9a0fa271156?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"2e833e8bbd32422cbc9529a20635579d\"},{\"title\":\"Boombox\",\"body\":\"A creative production agency specializing in sports + gaming\",\"url\":\"/work/boombox\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Ffba677df3e9c46918ad2679827404437?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"7191b06865aa426b854583dcc0eb899c\"},{\"title\":\"C2D Services\",\"body\":\"Modernizing a brand to showcase their innovation and achievements.\",\"url\":\"/work/c2d-services\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fcf7693e7e3ca41a39ec24bf987313c6e?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"154e2095130d42f8b9e0c0acc82c929a\"},{\"title\":\"Octasic\",\"body\":\"Programmable silicon chips never looked so good\",\"url\":\"/work/octasic\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F72297ce9ae194dcf983a4253db76fd63?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"ff0b7ca3dda84ac0bf50db8ec174d16d\"},{\"title\":\"Aluproteck\",\"body\":\"Creating a Modern and Accessible Identity for an Established Manufacturer.\",\"url\":\"/work/aluproteck\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fc77f9f5b44a442c3a5a31abc4777c9f7?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"760ce32469564d39964d892774a10fee\"},{\"title\":\"Université de Montréal\",\"body\":\"Helping University students navigate mental health services efficiently\",\"url\":\"/work/universite-de-montreal\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F4892aee024454a7182a78ee95bece24f?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"4080b5e2b0c440759c47435e959bcaa5\"},{\"title\":\"Klaw\",\"body\":\"Design-Forward Walking Sneakers\",\"url\":\"/work/klaw\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F596cee8a28364dedba330ef6c92664aa?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"5a2ec6fe946d483fa864f12e5fb4c2b8\"},{\"title\":\"Fuse Group\",\"body\":\"A brand and site for a consultancy that turns opportunity into momentum.\",\"url\":\"/work/fuse-group\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Ffec5f60b455c4bd2ba89faeb5c68357b?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"080c8a8a3ab746829aae214e3f71dbee\"},{\"title\":\"Jussaume\",\"body\":\"Jussaume combines design \u0026 management to deliver unique architectural spaces.\",\"url\":\"/work/jussaume\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F8619380b9a1b4cdba8ed7ba9d97dd6a3?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"f27d145732be45f486022d129036f5d4\"},{\"title\":\"Pineapple\",\"body\":\"$undefined\",\"url\":\"/work/pineapple\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F05e58c88655146fe819460d6351de348?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"68efc00b6db848239c3c65aaa8f8a116\"}]},\"services\":{\"featured\":{\"title\":\"Shopify Growth\",\"body\":\"Your ongoing growth partner: optimization retainers, email flows and retention, product bundles to lift AOV, landing page systems, and merchandising and discovery.\",\"url\":\"/services/shopify-growth\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf74
261a92b837b23d67a3f0%2Fe50fa154de80472aaf1bb379fd647eee?width=4000\u0026height=4000\",\"featured\":true,\"id\":\"593bbaff5c1d4c66adfc54ccc399cae3\"},\"items\":[{\"title\":\"Systems Integration \u0026 Migration\",\"body\":\"Connect Shopify to the systems you already run: ERP, CRM, POS, and 3PL and logistics APIs. We also handle platform and data migrations and headless CMS setups, so your data, customers, and rankings move over intact.\",\"url\":\"/services/systems-integration\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F324a387176f8456b9a5211c2af43aa67?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"3a2a8305690a4b72a59760b207586d20\"},{\"title\":\"CRO \u0026 Website Optimization\",\"body\":\"Turn traffic into revenue: funnel and checkout audits, structured A/B testing, site speed and performance, on-site search and navigation, and conversion-focused landing pages.\",\"url\":\"/services/cro-and-website-optimization\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fd6494a49d31d468bb8395b7589e39079?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"cbecb6cc8ec444b3a51c5097721f50cc\"},{\"title\":\"Creative Production\",\"body\":\"Make your store look like the brand it is: digitized brand systems, immersive hero and campaign imagery, motion and interactive moments, design-led marketing sites, and product and content production.\",\"url\":\"/services/creative-production\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F49bfe40655de4ab199b27d5f05391d29?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"827dd6b9671846629e17372bc85cdec0\"},{\"title\":\"Shopify Design + Development\",\"body\":\"Shopify and Shopify Plus built in real code: custom theme development, platform migrations and replatforming, multi-site consolidation, B2B and wholesale storefronts, and purpose-built templates and features.\",\"url\":\"/services/shopify-design-development\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fce3de474679245438eff48107fae2e13?width=4000\u0026height=4000\",\"featured\":\"$undefined\",\"id\":\"9ce05907785246b5abd4a4c9ccf43b36\"}]},\"serverIsFr\":false,\"featuredLinkLabel\":\"Learn More\",\"menuButton\":{\"externalLink\":\"\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a820963e5b784196ac14a4189cb0532c\",\"model\":\"page\",\"value\":{\"createdDate\":1767179539447,\"id\":\"a820963e5b784196ac14a4189cb0532c\",\"name\":\"Contact\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790785913326,\"data\":{\"title\":\"Contact Field Office: Start a Project\",\"themeId\":false,\"description\":\"Tell us what you're trying to build: a Shopify storefront, a custom web app, or an internal platform. We'll help you scope the fastest path to results.\",\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"url\":\"/contact\"}}},\"title\":\"Start a Project\"},\"mobileBackLabel\":\"Back to Menu\",\"mobileMenuCloseLabel\":\"Close\",\"mobileMenuLabel\":\"Menu\",\"navItems\":[{\"menuItem\":{\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"model\":\"page\",\"value\":{\"createdDate\":1767029641155,\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"name\":\"Work\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790784952103,\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"description\":\"Selected storefronts and custom software: Shopify builds, B2B portals, and internal platforms that help brands sell more and operate leaner.\",\"themeId\":false,\"title\":\"Our Work: Shopify \u0026 Custom Software | Field Office\",\"url\":\"/work\"}}},\"label\":\"WORK\",\"model\":\"none\"}},{\"menuItem\":{\"externalLink\":\"\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"272cf92d69234912b093252f64b16955\",\"model\":\"page\",\"value\":{\"createdDate\":1769000976795,\"id\":\"272cf92d69234912b093252f64b16955\",\"name\":\"Services\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790845854409,\"data\":{\"themeId\":false,\"t
2itle\":\"Services: Shopify \u0026 Custom Software | Field Office\",\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"description\":\"Shopify design, development, and CRO, plus custom software: web apps, internal tools, and platforms. One Montréal partner to grow revenue and cut operating costs.\",\"url\":\"/services\"}}},\"label\":\"SERVICES\",\"model\":\"service\"}},{\"menuItem\":{\"externalLink\":\"\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a33ff1bcc3e94a029cf1e185a94de0b6\",\"model\":\"page\",\"value\":{\"createdDate\":1767112652186,\"id\":\"a33ff1bcc3e94a029cf1e185a94de0b6\",\"name\":\"Blog\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790849934414,\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"description\":\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\",\"themeId\":false,\"title\":\"Field Notes: Shopify, Design \u0026 Development | Field Office\",\"url\":\"/blog\"}}},\"label\":\"BLOG\",\"model\":\"none\"}},{\"menuItem\":{\"externalLink\":\"\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a820963e5b784196ac14a4189cb0532c\",\"model\":\"page\",\"value\":{\"createdDate\":1767179539447,\"id\":\"a820963e5b784196ac14a4189cb0532c\",\"name\":\"Contact\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790785913326,\"data\":{\"title\":\"Contact Field Office: Start a Project\",\"themeId\":false,\"description\":\"Tell us what you're trying to build: a Shopify storefront, a custom web app, or an internal platform. We'll help you scope the fastest path to results.\",\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"url\":\"/contact\"}}},\"label\":\"CONTACT\",\"model\":\"none\"}}],\"socials\":[{\"item\":{\"title\":\"Instagram\",\"url\":\"https://www.instagram.com/fieldofficedesign/\"}},{\"item\":{\"title\":\"LinkedIn\",\"url\":\"https://www.linkedin.com/company/field-office/\"}},{\"item\":{\"title\":\"Behance\",\"url\":\"https://www.behance.net/field-office-design\"}}]}]\n"])</script>
2<script>self.__next_f.push([1,"25:I[899865,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/309250908a35808e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a2b6d273fd5e5d2f.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"BuilderPageContextProvider\"]\n"])</script>
2<script>self.__next_f.push([1,"5:[\"$\",\"div\",null,{\"className\":\"\",\"children\":[[\"$\",\"script\",null,{\"id\":\"webpage-schema\",\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebPage\\\",\\\"name\\\":\\\"Field Notes: Shopify, Design \u0026 Development | Field Office\\\",\\\"description\\\":\\\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\\\",\\\"url\\\":\\\"https://www.field-office.ca/blog\\\",\\\"inLanguage\\\":\\\"en\\\",\\\"publisher\\\":{\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Field Office\\\",\\\"logo\\\":{\\\"@type\\\":\\\"ImageObject\\\",\\\"url\\\":\\\"https://www.field-office.ca/web-app-manifest-512x512.png\\\"}}}\"}}],[\"$\",\"$L25\",null,{\"value\":{\"data\":[{\"id\":\"f1ea5e7e0b08439eaf876efcbc5b7ce9\",\"data\":{\"title\":\"Introducing the Shopify POS Terminal\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F73f62e40dc374507a34c072672e97037?format=webp\u0026width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346404397,\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"name\":\"Shopify\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"description\":\"Shopify e-commerce development and customization\",\"label\":\"Shopify\",\"slug\":\"Shopify\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}}},\"lastUpdated\":1781093045577}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"2ed0078e17fc4d91bb8e66df2ffa8382\",\"model\":\"tag\",\"value\":{\"createdDate\":1781100959293,\"id\":\"2ed0078e17fc4d91bb8e66df2ffa8382\",\"name\":\"System Integrations\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"slug\":\"System-Integrations\",\"label\":\"System Integrations\"},\"lastUpdated\":1781100976798}}}],\"date\":\"2023-10-12T12:00:00.000Z\",\"excerpt\":\"We're thrilled to help businesses integrate this innovative solution. Elevate your point-of-sale process today.\",\"url\":\"/blog/the-shopify-pos-terminal\",\"featured\":true}},{\"id\":\"0f761b3ddf394ed9bee81cb511ac8079\",\"data\":{\"title\":\"Builder.io's New Feature: Bridging Figma and Web Development\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fa7477dcf58704eb9b4721accb4ff01f9?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346323483,\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"name\":\"Design\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938c
2ae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"slug\":\"Design-System\",\"label\":\"Design System\",\"description\":\"Design, branding, and visual identity work\"},\"lastUpdated\":1781093363882}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"6e98ae396a144995ac8278209cfc1b11\",\"model\":\"tag\",\"value\":{\"createdDate\":1781100528390,\"id\":\"6e98ae396a144995ac8278209cfc1b11\",\"name\":\"UI Design\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"UI-Design\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"UI Design\"},\"lastUpdated\":1781100539577}}}],\"date\":\"2023-10-12T12:00:00.000Z\",\"excerpt\":\"The web development landscape is ever-evolving, and at Field Office, we pride ourselves on staying ahead of the curve. Builder.io has been a trusted ally in our toolkit, and today, theyâve unveiled something that has us all buzzing - the Visual Copilot!\",\"url\":\"/blog/builder-ios-visual-copilot\",\"featured\":true}},{\"id\":\"e5ac9bc9b80f468b9168010ea189001f\",\"data\":{\"title\":\"The Case for Shopify 2.0\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F3079cc3971c2476680edbcb06e97d66b?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346404397,\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"name\":\"Shopify\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"description\":\"Shopify e-commerce development and customization\",\"label\":\"Shopify\",\"slug\":\"Shopify\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}}},\"lastUpdated\":1781093045577}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938c
2ae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}}],\"date\":\"Wed Oct 18 2023 12:00:00 GMT+0000 (Coordinated Universal Time)\",\"excerpt\":\"Alright, fellow Shopify enthusiasts, let's chat. While Shopify 2.0 isn't exactly the new kid on the block, we've noticed a good number of you are still rockin' with the OG Shopify 1.0. We get it, change can be daunting. But, trust us, the grass is greener on the other side. Hereâs a nudge on why itâs time to consider that upgrade.\",\"url\":\"/blog/the-case-for-shopify-2-0\",\"featured\":true}},{\"id\":\"c4efe5966497472c819f01f6a14df51a\",\"data\":{\"title\":\"We made a simple Code Companion GPT for our Next JS stack\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fd55968d878de44909d76eeeca29fe53f?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"fb6e838454be436ead73abea95c441fc\",\"model\":\"tag\",\"value\":{\"createdDate\":1781092998856,\"id\":\"fb6e838454be436ead73abea95c441fc\",\"name\":\"News\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"News\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"News\"},\"lastUpdated\":1781093019969}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}}],\"date\":\"2023-12-20T12:00:00.000Z\",\"excerpt\":\"We created \\\"Code Companion - Next Stack,\\\" an Open AI GPTassistant, to assist with one of our current web agency tech stack. This includes Next 13 (using the App Router), Sanity V3, React 18, Tailwind CSS, Supabase, and GitHub. This tool has been helpful in our coding process, keeping things standards, and obviously helping to save a bunch of time.\\nHere is the configuration. Send us a message if you feel like you'd have ideas on how to improve this!\",\"url\":\"/blog/we-made-a-simple-code-companion-gpt-for-our-next-js-stack\",\"featured\":true}},{\"id\":\"7f5eabc4993d42d38071dc361a8c9c53\",\"data\":{\"title\":\"Shopify Editions Summer 2025: Highlights for Store Owners and Developers\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F1e11a0f1d77a470fadd790dc96d07f6a?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346323483,\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"name\":\"Design\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938c
2ae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"slug\":\"Design-System\",\"label\":\"Design System\",\"description\":\"Design, branding, and visual identity work\"},\"lastUpdated\":1781093363882}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346404397,\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"name\":\"Shopify\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"description\":\"Shopify e-commerce development and customization\",\"label\":\"Shopify\",\"slug\":\"Shopify\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}}},\"lastUpdated\":1781093045577}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"fb6e838454be436ead73abea95c441fc\",\"model\":\"tag\",\"value\":{\"createdDate\":1781092998856,\"id\":\"fb6e838454be436ead73abea95c441fc\",\"name\":\"News\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"News\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"News\"},\"lastUpdated\":1781093019969}}}],\"date\":\"Mon Apr 21 2025 12:00:00 GMT+0000 (Coordinated Universal Time)\",\"excerpt\":\"In our network, most people fall into two categories:\\nStore Owners / Operators focused on growing and running a business\\nDevelopers / Builders focused on crafting high-performance, scalable storefronts\\nHereâs our curated recap of Shopifyâs Summer 2025 Editions, tailored to both.\",\"url\":\"/blog/shopify-editions-summer-2025-highlights-for-store-owners-and-developers\",\"featured\":true}},{\"id\":\"8d851d65f96d404fbb697c7016402b8f\",\"data\":{\"title\":\"Why We Moved from Webflow to Next.js and Builder.io\",\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F1b9d9fb481f84b86894a1fb44c544bf8?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346323483,\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"name\":\"Design\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938c
2ae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"slug\":\"Design-System\",\"label\":\"Design System\",\"description\":\"Design, branding, and visual identity work\"},\"lastUpdated\":1781093363882}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"dbdee32903b8431a98f0f685c1a159c6\",\"model\":\"tag\",\"value\":{\"createdDate\":1781093333249,\"id\":\"dbdee32903b8431a98f0f685c1a159c6\",\"name\":\" System Archicture\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1784144202684,\"data\":{\"slug\":\"system-architecture\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"System Architecture\"}}}}],\"date\":\"Thu Apr 24 2025 12:00:00 GMT+0000 (Coordinated Universal Time)\",\"excerpt\":\"After several years of building with Webflow, we hit a ceiling. The platform served us well for fast prototypes and visually-driven sites, but we needed more control, better performance, and a smoother workflow for building complex, production-ready websites.\\nHereâs why we made the switch.\",\"url\":\"/blog/why-we-moved-from-webflow-to-next-js-and-builder-io\",\"featured\":true}}]},\"children\":\"$L26\"}]]}]\n"])</script>
2<script>self.__next_f.push([1,"27:I[862878,[\"/_next/static/chunks/a0d6e0489abad725.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/46082971ef4eaa09.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/00b1507e803c1b55.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/44533e09193a7dff.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/29f880e4c495461e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/309250908a35808e.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\",\"/_next/static/chunks/a2b6d273fd5e5d2f.js?dpl=dpl_FYnmBwthgLmykb6eUdn766AZ5xbC\"],\"RenderBuilderContent\"]\n"])</script>
2<script>self.__next_f.push([1,"26:[\"$\",\"$L27\",null,{\"content\":{\"id\":\"a33ff1bcc3e94a029cf1e185a94de0b6\",\"data\":{\"description\":\"Notes from the Field Office team on Shopify, design, development, AI, and how we build. Practical, opinionated, occasionally useful.\",\"inputs\":[],\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"themeId\":false,\"title\":\"Field Notes: Shopify, Design \u0026 Development | Field Office\",\"blocks\":[{\"@type\":\"@builder.io/sdk:Element\",\"@version\":2,\"id\":\"builder-ea7e04109ab04a8599d5fdbc83aaad09\",\"component\":{\"name\":\"Hero 5\",\"options\":{\"eyebrow\":\"Latest article\",\"title\":\"Shopify Editions Summer 2025: Highlights for Store Owners and Developers\",\"headingType\":\"h2\",\"headingStyle\":\"text-heading-2xs\",\"textAlignDesktop\":\"left\",\"textAlignMobile\":\"left\",\"link\":{\"title\":\"read more\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"7f5eabc4993d42d38071dc361a8c9c53\",\"model\":\"blog\",\"value\":{\"createdDate\":1780414297393,\"id\":\"7f5eabc4993d42d38071dc361a8c9c53\",\"name\":\"Shopify Editions Summer 2025: Highlights for Store Owners and Developers\",\"modelId\":\"d474a148d8654c469f66833db942b7d5\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790926782474,\"lastUpdateSource\":\"Write API\",\"data\":{\"cover\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F1e11a0f1d77a470fadd790dc96d07f6a?width=4000\u0026height=4000\",\"tags\":[{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346323483,\"id\":\"17278c3a12c54985b40ff230a453dfdd\",\"name\":\"Design\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"slug\":\"Design-System\",\"label\":\"Design System\",\"description\":\"Design, branding, and visual identity work\"},\"lastUpdated\":1781093363882}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346451963,\"id\":\"97f5257008a34ce8abca3fccb071518c\",\"name\":\"Development\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"Development\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"Development\",\"description\":\"Custom web development and technical implementation\"},\"lastUpdated\":1781093060879}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"model\":\"tag\",\"value\":{\"createdDate\":1764346404397,\"id\":\"a89bb5e770274de885ca8ba32fe3348f\",\"name\":\"Shopify\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"description\":\"Shopify e-commerce development and customization\",\"label\":\"Shopify\",\"slug\":\"Shopify\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938c
2ae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}}},\"lastUpdated\":1781093045577}}},{\"tag\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"fb6e838454be436ead73abea95c441fc\",\"model\":\"tag\",\"value\":{\"createdDate\":1781092998856,\"id\":\"fb6e838454be436ead73abea95c441fc\",\"name\":\"News\",\"modelId\":\"8e523b231ec94884964e56ee0243cb67\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"data\":{\"slug\":\"News\",\"colorRef\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"024edd2f970742ac913117d6b738fb36\",\"model\":\"color\",\"value\":{\"createdDate\":1764345466931,\"id\":\"024edd2f970742ac913117d6b738fb36\",\"name\":\"Lime Green\",\"modelId\":\"5e74bfa423854840841938cae44526d1\",\"published\":\"published\",\"data\":{\"textColor\":\"#013324\",\"name\":\"Lime Green\",\"hexValue\":\"#A3E87C\",\"slug\":\"lime-green\"},\"lastUpdated\":1764346825578}},\"label\":\"News\"},\"lastUpdated\":1781093019969}}}],\"featured\":true,\"date\":\"Mon Apr 21 2025 12:00:00 GMT+0000 (Coordinated Universal Time)\",\"title\":\"Shopify Editions Summer 2025: Highlights for Store Owners and Developers\",\"themeId\":false,\"excerpt\":\"In our network, most people fall into two categories:\\nStore Owners / Operators focused on growing and running a business\\nDevelopers / Builders focused on crafting high-performance, scalable storefronts\\nHereâs our curated recap of Shopifyâs Summer 2025 Editions, tailored to both.\",\"url\":\"/blog/shopify-editions-summer-2025-highlights-for-store-owners-and-developers\"}}}},\"enableCursorAnimation\":true,\"media\":{\"file\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fb82eb710c61849c8b2d18aad82c3ee34?width=4000\u0026height=4000\",\"overlay\":false,\"mobileFile\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fb82eb710c61849c8b2d18aad82c3ee34?width=4000\u0026height=4000\",\"noise\":true},\"id\":\"hero\",\"className\":\"\",\"theme\":\"dark\",\"maxWidth\":1024,\"spacingTop\":\"lg\",\"spacingBottom\":\"lg\",\"enableLatestFeaturedData\":false,\"pageHeading\":\"Field Notes\"},\"isRSC\":null},\"responsiveStyles\":{\"large\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"position\":\"relative\",\"flexShrink\":\"0\",\"boxSizing\":\"border-box\",\"marginTop\":\"20px\"}}},{\"@type\":\"@builder.io/sdk:Element\",\"@version\":2,\"id\":\"builder-a6a4e37368cc4aae87183b59eca49909\",\"component\":{\"name\":\"Blog\",\"options\":{\"id\":\"blog\",\"className\":\"\",\"theme\":\"light\",\"maxWidth\":1024,\"spacingTop\":\"2xl\",\"spacingBottom\":\"2xl\"},\"isRSC\":null},\"responsiveStyles\":{\"large\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"position\":\"relative\",\"flexShrink\":\"0\",\"boxSizing\":\"border-box\",\"marginTop\":\"20px\"}}},{\"id\":\"builder-pixel-nbqrxfadd8h\",\"@type\":\"@builder.io/sdk:Element\",\"tagName\":\"img\",\"properties\":{\"src\":\"https://cdn.builder.io/api/v1/pixel?apiKey=f1fea6504bf7461a92b837b23d67a3f0\",\"aria-hidden\":\"true\",\"alt\":\"\",\"width\":\"0\",\"height\":\"0\"},\"responsiveStyles\":{\"large\":{\"height\":\"0\",\"width\":\"0\",\"display\":\"block\",\"opacity\":\"0\",\"overflow\":\"hidden\",\"pointerEvents\":\"none\"}}}],\"url\":\"/blog\",\"state\":{\"deviceSize\":\"large\",\"location\":{\"pathname\":\"/blog\",\"path\":[\"blog\"],\"query\":{}}}}}}]\n"])</script>
2<script>self.__next_f.push([1,"1b:[\"$\",\"main\",null,{\"className\":\"page-404 bg-theme-black!\",\"children\":[\"$\",\"$L27\",null,{\"content\":{\"id\":\"e1ac80348cce4e1ea6c332d7c0470b91\",\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"themeId\":false,\"title\":\"404\",\"blocks\":[{\"@type\":\"@builder.io/sdk:Element\",\"@version\":2,\"id\":\"builder-19179459437e41459331b354906e53db\",\"component\":{\"name\":\"Section404\",\"options\":{\"title\":\"This page shipped to nowhere.\",\"headingType\":\"h1\",\"headingStyle\":\"text-heading-lg\",\"headingStyleMobile\":\"\",\"body\":\"The linkâs broken or the page moved. Letâs get you back on track.\",\"middleEyebrow\":\"\",\"media\":{\"file\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2Fe59064e41e0940a89834495b09b2484c?width=4000\u0026height=4000\",\"parallax\":true,\"overlay\":true,\"noise\":true},\"primaryButton\":{\"title\":\"Back to home\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"1bf785f42a7348e3b1698a7680c17229\",\"model\":\"page\",\"value\":{\"createdDate\":1763722622505,\"id\":\"1bf785f42a7348e3b1698a7680c17229\",\"name\":\"Home\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790781321717,\"data\":{\"description\":\"A Montréal studio building next-gen Shopify storefronts and AI-powered custom software: web apps, internal tools, and platforms that help you sell more.\",\"title\":\"Field Office: AI-Powered Shopify Storefronts \u0026 Custom Software\",\"themeId\":false,\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"keywords\":\"Field Office, Shopify, AI, artificial intelligence, custom software, intelligent storefronts, Shopify Plus\",\"url\":\"/\"}}}},\"secondaryButton\":{\"title\":\"view our work\",\"internalLink\":{\"@type\":\"@builder.io/core:Reference\",\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"model\":\"page\",\"value\":{\"createdDate\":1767029641155,\"id\":\"bf71f4da38bc4e8dafe4a3d3bb959c1c\",\"name\":\"Work\",\"modelId\":\"c0027916b68b4761a8e7eb4c5cf6fc1d\",\"published\":\"published\",\"stageModifiedSincePublish\":false,\"lastUpdated\":1790784952103,\"data\":{\"ogImage\":\"https://cdn.builder.io/api/v1/image/assets%2Ff1fea6504bf7461a92b837b23d67a3f0%2F7569101ea4c24740b404299198bdc2d5?width=4000\u0026height=4000\",\"description\":\"Selected storefronts and custom software: Shopify builds, B2B portals, and internal platforms that help brands sell more and operate leaner.\",\"themeId\":false,\"title\":\"Our Work: Shopify \u0026 Custom Software | Field Office\",\"url\":\"/work\"}}}},\"simpleOnMobile\":false,\"enableCursorAnimation\":true,\"id\":\"section-404\",\"className\":\"\",\"theme\":\"dark\",\"centered\":false},\"isRSC\":null},\"responsiveStyles\":{\"large\":{\"display\":\"flex\",\"flexDirection\":\"column\",\"position\":\"relative\",\"flexShrink\":\"0\",\"boxSizing\":\"border-box\",\"marginTop\":\"20px\"}}},{\"id\":\"builder-pixel-3us6h2bbizs\",\"@type\":\"@builder.io/sdk:Element\",\"tagName\":\"img\",\"properties\":{\"src\":\"https://cdn.builder.io/api/v1/pixel?apiKey=f1fea6504bf7461a92b837b23d67a3f0\",\"aria-hidden\":\"true\",\"alt\":\"\",\"width\":\"0\",\"height\":\"0\"},\"responsiveStyles\":{\"large\":{\"height\":\"0\",\"width\":\"0\",\"display\":\"block\",\"opacity\":\"0\",\"overflow\":\"hidden\",\"pointerEvents\":\"none\"}}}],\"url\":\"/404\",\"state\":{\"deviceSize\":\"large\",\"location\":{\"pathname\":\"/404\",\"path\":[\"404\"],\"query\":{}}}}}}]}]\n"])</script>
2</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.