--- title: Best Shopify posts of 2024 | daily.dev description: The most upvoted Shopify posts of 2024, curated by the daily.dev community. canonical: https://daily.dev/tags/shopify/best-of/2024 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/tags/shopify/best-of/2024 og:type: website og:site_name: daily.dev og:title: Best Shopify posts of 2024 | daily.dev og:description: The most upvoted Shopify posts of 2024, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Shopify — 2024 1. 1 [](/posts/5-design-system-examples-and-what-you-can-learn-from-them--dwz5wlhf0 "5 design system examples (and what you can learn from them)") Article Community Picks · 2y 5 design system examples (and what you can learn from them) Discover top design system examples and learn how they benefit brands by offering accountability, attention, attraction, and trust. Explore Shopify's step-by-step tutorials, Goldman Sachs' educational background, Samsung's wearables environment guidance, Liferay's minimalist approach, and IBM's focus on accessibility guidelines. 83 2. 2 [](/posts/20-best-website-cms-platforms-in-2024-7ibkibdsd "20 Best Website CMS Platforms in 2024") Article Prismic · 3y 20 Best Website CMS Platforms in 2024 The post explores 20 best website CMS platforms in 2024, covering different categories of CMSs including monolithic CMSs, headless CMSs, CMS for web designers, e-commerce monolithic CMSs, and monolithic blogging CMSs. Factors to consider when choosing a CMS are discussed, along with the features, pros, and cons of popular CMS platforms like WordPress, Joomla, HubSpot CMS, Wix, Optimizely, Adobe Commerce (Magento), Shopify, Squarespace, Ghost, Prismic, Contentful, DatoCMS, Payload CMS, Concrete CMS, and TYPO3. 37 1 3. 3 [](/posts/inside-shopify-s-modular-monolith-qtfrv0qdm "Inside Shopify’s Modular Monolith") Article Tech World With Milan · 2y Inside Shopify’s Modular Monolith Shopify's Principal Engineer discusses their architecture, tech stack, testing, culture, and more. 27 4. 4 [](/posts/joining-the-shopify-board-of-directors-wvlnqdnqm "Joining the Shopify board of directors") Article David Heinemeier Hansson · 2y Joining the Shopify board of directors Shopify's co-founder Tobi has revolutionized e-commerce by demonstrating the scalability of Ruby on Rails through the development of Shopify's platform. With over 131 contributions to Rails and the engineering of essential tools such as Active Merchant and the Liquid templating system, Tobi's innovations have enabled Shopify to support a large portion of online sales efficiently. The author eagerly joins Shopify's board to tackle challenges at a much larger scale than their current work. 23 1 5. 5 [](/posts/build-your-next-js-shopify-storefront-with-blazity-wtio4h7xz "Build your Next.js Shopify storefront with Blazity") Article Meilisearch · 2y Build your Next.js Shopify storefront with Blazity A comprehensive guide to setting up a Next.js storefront for your Shopify store using the Blazity Enterprise Ecommerce starter. This setup involves using Node.js, Yarn, and Meilisearch for search capabilities. Detailed steps include creating a Shopify store, installing Shopify Headless, configuring API permissions, and syncing data with Meilisearch. The guide covers all necessary credentials and test setups to get your storefront running efficiently. 22 2 6. 6 [](/posts/improve-shopify-templates-with-typescript-and-tailwind-css-glzpvorjp "Improve Shopify Templates with TypeScript and Tailwind CSS") Article CMS · 2y Improve Shopify Templates with TypeScript and Tailwind CSS Enhancing Shopify themes with TypeScript and Tailwind CSS can improve code quality, maintainability, and efficiency. The guide covers setting up dev dependencies, installing and configuring Vite, TypeScript, and Tailwind CSS, and setting up a development workflow. Key configurations include Vite and Tailwind setup, .shopifyignore file creation, and PostCSS configuration to integrate these tools seamlessly into Shopify themes. 13 7. 7 [](/posts/this-week-in-react-208-compiler-next-js-tanstack-start-docusaurus-nuqs-storybook-stylex-rea-grgrorwxm "This Week In React #208: Compiler, Next.js, TanStack Start, Docusaurus, nuqs, Storybook, StyleX, React Navigation, Shopify, Reanimated, Nitro, BottomTabs, CocoaPods, Maestro, Rolldown, Container Queri") Article This Week In React · 2y This Week In React #208: Compiler, Next.js, TanStack Start, Docusaurus, nuqs, Storybook, StyleX, React Navigation, Shopify, Reanimated, Nitro, BottomTabs, CocoaPods, Maestro, Rolldown, Container Queri This edition covers various updates in the React and React Native ecosystems, including the new React Compiler beta, React Navigation 7's screen preloading API, and Shopify's successful migration to React Native. Also highlighted are several community articles and releases, such as Docusaurus 3.6, StyleX 0.9.3, and multiple other updates for tools used in React development. 11 8. 8 [](/posts/how-shopify-scaled-their-database-hbn8xysrl "How Shopify scaled their Database") Article Quastor Daily · 2y How Shopify scaled their Database Shopify successfully scaled their MySQL database using Vitess, an open source sharding solution developed at YouTube. The article discusses their initial scaling strategy, the issues they faced, and why they chose Vitess. It also provides an introduction to Vitess and its key components. 9 [See all Shopify archives](/tags/shopify/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/tags/shopify/best-of/2024#page","url":"https://daily.dev/tags/shopify/best-of/2024","name":"Best Shopify Posts of 2024","description":"The most upvoted Shopify posts of 2024, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/tags/shopify/best-of/2024#items","numberOfItems":8,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/5-design-system-examples-and-what-you-can-learn-from-them--dwz5wlhf0","name":"5 design system examples (and what you can learn from them)"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/20-best-website-cms-platforms-in-2024-7ibkibdsd","name":"20 Best Website CMS Platforms in 2024"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/inside-shopify-s-modular-monolith-qtfrv0qdm","name":"Inside Shopify’s Modular Monolith"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/joining-the-shopify-board-of-directors-wvlnqdnqm","name":"Joining the Shopify board of directors"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/build-your-next-js-shopify-storefront-with-blazity-wtio4h7xz","name":"Build your Next.js Shopify storefront with Blazity"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/improve-shopify-templates-with-typescript-and-tailwind-css-glzpvorjp","name":"Improve Shopify Templates with TypeScript and Tailwind CSS"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/this-week-in-react-208-compiler-next-js-tanstack-start-docusaurus-nuqs-storybook-stylex-rea-grgrorwxm","name":"This Week In React #208: Compiler, Next.js, TanStack Start, Docusaurus, nuqs, Storybook, StyleX, React Navigation, Shopify, Reanimated, Nitro, BottomTabs, CocoaPods, Maestro, Rolldown, Container Queri"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/how-shopify-scaled-their-database-hbn8xysrl","name":"How Shopify scaled their Database"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Tags","item":"https://daily.dev/tags"},{"@type":"ListItem","position":3,"name":"Shopify","item":"https://daily.dev/tags/shopify"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/tags/shopify/best-of"},{"@type":"ListItem","position":5,"name":"2024"}]}]} ```