<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Rafael Corrêa Gomes</title>
    <description>The latest articles on DEV Community by Rafael Corrêa Gomes (@rafaelcg).</description>
    <link>https://dev.to/rafaelcg</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F371%2F470ec662-fd75-4f4a-a052-1eebf4aba910.jpg</url>
      <title>DEV Community: Rafael Corrêa Gomes</title>
      <link>https://dev.to/rafaelcg</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/rafaelcg"/>
    <language>en</language>
    <item>
      <title>Why Brands Join (and Leave) Shopify?</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Tue, 12 Aug 2025 21:05:32 +0000</pubDate>
      <link>https://dev.to/rafaelcg/why-brands-join-and-leave-shopify-31gn</link>
      <guid>https://dev.to/rafaelcg/why-brands-join-and-leave-shopify-31gn</guid>
      <description>&lt;p&gt;Over the last 16 years working with e-commerce, I have been involved in hundreds of conversations with brands that were evaluating Shopify. I have seen it from both sides. I have helped merchants successfully launch on Shopify, and I have also worked with those who decided to leave it for another platform. This article is not based on theory. These points come directly from my work with global brands and my experience leading projects in North America, Europe, and Latin America.&lt;/p&gt;

&lt;p&gt;The reasons why brands join and leave Shopify are very different, but both are deeply connected to business realities, not just technical features.&lt;/p&gt;

&lt;h1&gt;
  
  
  Why Brands Join Shopify
&lt;/h1&gt;

&lt;p&gt;One of the main drivers is the reduction in total cost of ownership and technical debt. For many brands, the savings are visible almost from day one. The infrastructure, hosting, and core platform maintenance are part of the package, which means the business can focus on growth rather than servers, patches, and complex deployments.&lt;/p&gt;

&lt;p&gt;Another strong reason is autonomy. Shopify’s app ecosystem is massive, with more than ten thousand apps ready to install and use. In many cases, a merchant can add new capabilities without engaging a development team or writing a single line of code. That is powerful when time to market matters.&lt;/p&gt;

&lt;p&gt;The third point I consistently hear from merchants is about innovation. Shopify delivers new features regularly and often integrates the latest market advances directly into the platform. This ranges from AI-driven features to SEO best practices and updated compliance tools. For a brand that wants to stay competitive without building everything from scratch, this is a significant advantage.&lt;/p&gt;

&lt;h1&gt;
  
  
  Why Brands Leave Shopify
&lt;/h1&gt;

&lt;p&gt;On the other side, some brands decide to leave. In many cases, the trigger is the platform’s variable fees. For businesses with very low product margins, the costs of Shopify Plus or the additional fees when not using Shopify Payments can noticeably impact profitability.&lt;/p&gt;

&lt;p&gt;Another scenario is when the project requires too many customizations. Shopify can handle complex needs, but at a certain point, the level of custom work increases the total cost of ownership. It also creates operational complexity, and sometimes merchants start questioning whether the initial promise of simplicity still holds.&lt;/p&gt;

&lt;p&gt;Finally, there is the matter of platform policies and roadmap. Shopify is a SaaS product with its own rules and priorities. Certain restricted items and features are prohibited due to policy, while strategic decisions depend entirely on Shopify’s roadmap. For some brands, that level of dependency feels too limiting, especially when they want complete control of their infrastructure and features.&lt;/p&gt;

&lt;h1&gt;
  
  
  My Take on the Market
&lt;/h1&gt;

&lt;p&gt;In my experience, brands do not leave Shopify because it fails them. They leave because their business model evolves in a direction where the trade-offs of staying no longer make sense. Sometimes it is a margin problem. Sometimes it is a complexity problem. Sometimes it is a control problem.&lt;/p&gt;

&lt;p&gt;At the same time, I have seen many brands that could have stayed on Shopify if they had approached the platform with a clearer understanding of its strengths and boundaries. The key is to align business goals with platform capabilities from the beginning. When that alignment exists, Shopify can scale impressively. When it does not, the conversation about replatforming often starts sooner than expected.&lt;/p&gt;

&lt;p&gt;As someone who works daily with Shopify, Adobe Commerce, and other platforms, my advice is to look beyond features and focus on the long-term cost, agility, and control you will need. These are the real decision points that determine whether a brand thrives on Shopify or eventually decides to move on.&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>The strategy evolves when the platform changes</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Sat, 05 Jul 2025 22:29:17 +0000</pubDate>
      <link>https://dev.to/rafaelcg/the-strategy-evolves-when-the-platform-changes-5d48</link>
      <guid>https://dev.to/rafaelcg/the-strategy-evolves-when-the-platform-changes-5d48</guid>
      <description>&lt;p&gt;Looking back, I’ve seen many merchants and partners go through the journey from Magento 1 to Magento 2 (Adobe Commerce), including myself. Now, we’re entering the next evolution, Adobe Commerce as a Cloud Service (ACCS).&lt;/p&gt;

&lt;p&gt;Each wave of change brought something new, but also taught us something valuable. And while it’s tempting to compare these transitions as just “technical upgrades,” the reality is that each one reshapes how we think and build ecommerce solutions.&lt;/p&gt;

&lt;h1&gt;
  
  
  The Migration Journey (M1 to M2)
&lt;/h1&gt;

&lt;p&gt;When Magento 2 launched, it came with real improvements, better performance, modern APIs, stronger security, a new SLA for support, and security compliance from Adobe. However, it wasn’t an overnight switch, mainly because we could leverage the upgrade opportunity to revisit some implementation points and reduce costs, while also improving speed and efficiency. &lt;/p&gt;

&lt;p&gt;So at that time, we redesigned stores with the new accessibility compliance in mind. Revisited the architecture diagram. Clean up the data to migrate. And for sure, we evaluated the customizations requested over the years, to make sure we maintain the most valuable ones, and drop the ones with lower ROI.&lt;/p&gt;

&lt;p&gt;The good news? The core tech stack remained familiar. PHP, MySQL, and XML still formed the foundation, and that helped developers keep going while adapting over time. &lt;/p&gt;

&lt;p&gt;That's when I started to create open-source tools to help developers code on Magento 2, 10 years ago, tools aiming &lt;a href="https://marketplace.visualstudio.com/items?itemName=rafaelcgstz.magento-devsearch" rel="noopener noreferrer"&gt;VSCode&lt;/a&gt;, &lt;a href="https://github.com/clean-docker/Magento2" rel="noopener noreferrer"&gt;Docker&lt;/a&gt;, &lt;a href="https://github.com/rafaelstz/traducao_magento2_pt_br" rel="noopener noreferrer"&gt;Translation&lt;/a&gt;, &lt;a href="https://magento2-ui-library.rafaelcg.com/" rel="noopener noreferrer"&gt;Magento 2 UI&lt;/a&gt;, &lt;a href="https://github.com/rafaelstz/deployer-magento2" rel="noopener noreferrer"&gt;Deploy&lt;/a&gt;, &lt;a href="https://github.com/rafaelstz/simplesh" rel="noopener noreferrer"&gt;Terminal&lt;/a&gt;, &lt;a href="https://github.com/rafaelstz/atom-magento-tools" rel="noopener noreferrer"&gt;Atom&lt;/a&gt;. Tools that had more than 500k downloads and hundreds of contributions.&lt;/p&gt;

&lt;p&gt;Some merchants got help from agencies. Others figured things out on their own. But almost everyone went through a phase of evaluating and learning the value of migrating to Magento 2 as they scaled.&lt;/p&gt;

&lt;h1&gt;
  
  
  A Different Kind of Transition (Going to Saas)
&lt;/h1&gt;

&lt;p&gt;Now, as we move to Adobe Commerce SaaS, where merchants are aiming to use AI, improve how autonomous their teams are, and aim for a lower TCO, maintaining the customizations that really matter, with high ROI, so the change is different.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;"It’s not just about code. It’s about strategy."&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Instead of rebuilding everything, the most successful brands during this migration will:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Minimize migrating customizations with lower ROI&lt;/li&gt;
&lt;li&gt;Redesign only what truly matters for Saas architecture&lt;/li&gt;
&lt;li&gt;Rethink data models to be lean and efficient&lt;/li&gt;
&lt;li&gt;Use native SaaS services like App Builder, API Mesh, and Edge Delivery&lt;/li&gt;
&lt;li&gt;Build progressively, starting with landing pages and key funnels before tackling checkout or custom logic&lt;/li&gt;
&lt;li&gt;Use my new AI open-source tool, Adobe Commerce Dev MCP 😉&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Here you can see a diagram I've created to show the 10 main steps during the migration.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuc425ng2a38jiml564ii.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fuc425ng2a38jiml564ii.png" alt="Adobe Commerce Saas migration process" width="800" height="479"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;10 steps to migrate your Adobe Commerce Cloud to ACCS&lt;br&gt;
Adobe Commerce Saas migration process&lt;br&gt;
The biggest shift? You don’t have to do all the heavy lifting alone. ACCS is designed to remove complexity from your e-commerce platform. Therefore, it's essential to ensure that you don't introduce extra complexity into your customization layer (App Builders and middleware).&lt;/p&gt;

&lt;p&gt;And while the tooling and APIs are important, what really matters is a mindset shift for key decision makers, from on-premises to Saas architecture.&lt;/p&gt;

&lt;h1&gt;
  
  
  This Time, Strategy Beats Manual Work
&lt;/h1&gt;

&lt;p&gt;Going to ACCS (Adobe Commerce as a Cloud Service) is not about copying your existing architecture line by line. It’s about deciding what should evolve and where Saas can carry the weight for you, to better leverage the migration benefits.&lt;/p&gt;

&lt;p&gt;You can gradually phase your migration, optimize where it matters most, and benefit from:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Lower total cost of ownership&lt;/li&gt;
&lt;li&gt;Faster go-to-market timelines&lt;/li&gt;
&lt;li&gt;Future-proof services backed by Adobe&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To visualize the changes, here you have a simplified diagram showing the main areas we need to think about.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi3tgv61bs5ehlbkwb6os.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi3tgv61bs5ehlbkwb6os.png" alt="Migration to ACCS" width="800" height="502"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Changes when migrating to Adobe Commerce as a Cloud Service&lt;br&gt;
Migration to ACCS&lt;br&gt;
They help break down the process into manageable phases, while reinforcing the message Adobe shares:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;you don’t need to rush — you need to be intentional&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;If you’re starting to plan your move to ACCS, my advice is simple, long story short:&lt;/p&gt;

&lt;p&gt;✅ Focus on business outcomes&lt;/p&gt;

&lt;p&gt;✅ Let go of unnecessary complexity&lt;/p&gt;

&lt;p&gt;✅ Work with a straightforward migration strategy, not just a task list&lt;/p&gt;

&lt;p&gt;This is not just an upgrade. It’s your chance to start using the latest technologies to optimize your work and reduce costs.&lt;/p&gt;

&lt;p&gt;Happy to chat if you’re on this journey!&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>magento</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>Why I Built an Adobe Commerce Dev MCP Server and How It Can Help You Code Faster</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Tue, 03 Jun 2025 18:29:35 +0000</pubDate>
      <link>https://dev.to/rafaelcg/why-i-built-an-adobe-commerce-dev-mcp-server-and-how-it-can-help-you-code-faster-5ac9</link>
      <guid>https://dev.to/rafaelcg/why-i-built-an-adobe-commerce-dev-mcp-server-and-how-it-can-help-you-code-faster-5ac9</guid>
      <description>&lt;p&gt;As someone leading both Adobe Commerce and Shopify practices at Valtech, I spend a good portion of my personal time experimenting with new tools, writing proof of concepts, and exploring how emerging technologies work. One pattern I’ve observed is how platforms like Shopify and CommerceTools have been paving the way with Model Context Protocol (MCP) servers—unlocking smoother AI-assisted development with tools like Cursor and Claude.&lt;/p&gt;

&lt;p&gt;Yet, for Adobe Commerce developers, a clear gap existed.&lt;/p&gt;

&lt;p&gt;There was no open-source MCP server tailored to the Adobe Commerce GraphQL APIs—no way to validate, autocomplete, or generate code in real time using AI based on the latest schema definitions.&lt;/p&gt;

&lt;p&gt;That’s what motivated me to build the &lt;a href="https://github.com/rafaelstz/adobe-commerce-dev-mcp" rel="noopener noreferrer"&gt;Adobe Commerce Dev MCP Server&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  What Is It?
&lt;/h2&gt;

&lt;p&gt;It’s an open-source MCP Server built specifically for Adobe Commerce. It helps devs code faster and smarter by enabling AI-powered tools to understand the context of Adobe Commerce’s GraphQL schema.&lt;/p&gt;

&lt;p&gt;It’s now publicly listed on:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://cursor.directory/mcp/adobe-commerce-dev-mcp" rel="noopener noreferrer"&gt;Cursor’s MCP Server Directory&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://mcp.so/server/Adobe%20Commerce%20Dev%20MCP/rafaelstz" rel="noopener noreferrer"&gt;MCP.so&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;I’ve also published a quick &lt;a href="https://www.youtube.com/watch?v=BP5Qx6hIIKc" rel="noopener noreferrer"&gt;YouTube demo&lt;/a&gt; showing how to set it up and use it.&lt;/p&gt;

&lt;p&gt;⸻&lt;/p&gt;

&lt;p&gt;Use Cases&lt;/p&gt;

&lt;p&gt;🎯 Accelerate Adobe Commerce integrations&lt;br&gt;
Code generation and autocompletion are aligned with the latest GraphQL APIs, directly inside AI-powered dev environments like Cursor.&lt;/p&gt;

&lt;p&gt;🔍 Troubleshoot smarter&lt;br&gt;
Identify deprecated fields or required inputs in mutations and queries—without digging through outdated docs.&lt;/p&gt;

&lt;p&gt;✨ Create a better coding experience&lt;br&gt;
Modernize how we work with Adobe Commerce. Let’s bring some of that “good vibe” experience from other ecosystems into Magento/Adobe Commerce.&lt;/p&gt;

&lt;p&gt;⸻&lt;/p&gt;

&lt;p&gt;What’s New in the Latest Version?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hosted on Vercel for instant usage, no local setup required&lt;/li&gt;
&lt;li&gt;Video tutorial included for easy onboarding&lt;/li&gt;
&lt;li&gt;Now listed in major MCP directories for AI dev tools&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;⸻&lt;/p&gt;

&lt;p&gt;Let’s Build Together&lt;/p&gt;

&lt;p&gt;This project began as a personal proof of concept, but with over 150 downloads and growing interest, I’m excited to see where the community can take it. If you’re working with Adobe Commerce, I’d love your feedback, suggestions—or even better—your contributions.&lt;/p&gt;

&lt;p&gt;Special thanks to early users for the feedback that helped shape this release.&lt;/p&gt;

</description>
      <category>mcp</category>
      <category>magento</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>A Comprehensive Guide for CTOs: Adobe Commerce SaaS vs Shopify</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Tue, 03 Jun 2025 18:11:15 +0000</pubDate>
      <link>https://dev.to/rafaelcg/a-comprehensive-guide-for-ctos-adobe-commerce-saas-vs-shopify-2ic6</link>
      <guid>https://dev.to/rafaelcg/a-comprehensive-guide-for-ctos-adobe-commerce-saas-vs-shopify-2ic6</guid>
      <description>&lt;p&gt;In today's fast-paced business world, choosing the right e-commerce platform can make all the difference. For CTOs, the decision between Adobe Commerce as a cloud service and Shopify can be overwhelming. This blog post aims to provide an in-depth analysis of these two platforms, focusing on key considerations businesses must evaluate to make informed technical and business decisions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;p&gt;Hello everyone. Today, we're diving into a critical comparison for CTOs: Shopify versus Adobe Commerce as a cloud service. We'll explore essential factors related to business and technical choices necessary for selecting the right platform. With years of experience, I've identified four main pillars to consider, offering a clear view of each platform's position in terms of business analysis.&lt;/p&gt;

&lt;h3&gt;
  
  
  Identifying the Four Main Pillars
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Strict and Complex Requirements&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The first pillar involves strict and complex requirements. When a platform needs to be tailored precisely to customer and business needs—such as integrating custom CRM, marketing tools, or ERP systems—strict requirements come into play. These cannot be easily altered, necessitating careful modeling and planning.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;TCO and Flexibility&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;On the right side, we have the Total Cost of Ownership (TCO) and flexibility. TCO increases with customization, as the more flexible a platform is, the more it can be tailored, but at a higher cost. Understanding which components to build from scratch is crucial, as maintaining these custom elements will be your responsibility on either platform.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Faster ROI and Time to Market&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;On the left, we examine faster ROI and time to market. Moving in this direction allows for rapid platform launch, resulting in a quicker return on investment. Minimal initial investment makes this option appealing for many businesses.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Flexible Business Requirements&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Lastly, considering flexible business requirements means adapting your business to the platform, rather than the other way around. By using market best practices and existing tools, businesses can streamline operations and processes, leading to faster time to market and ROI.&lt;/p&gt;

&lt;h3&gt;
  
  
  Platform Deep Dive
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Shopify Basic to Advanced&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Shopify’s basic and advanced options offer the fastest way to go live. With no contract required on Shopify Plus, you can create your own store independently, making this a flexible option. It's ideal for businesses looking for quick ROI and time to market while being adaptable.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Shopify Plus&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Shopify Plus maintains a favorable time to market while offering certain flexibilities. To achieve faster ROI, leveraging Shopify's massive ecosystem of apps is necessary. Customization is possible, but it's important to note that increased TCO might push you towards headless requirements.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Commerce Components and Adobe Commerce SaaS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Adobe Commerce SaaS and Shopify’s commerce components represent platforms where TCO is higher from the start due to headless architecture demands. Extensive coding and architecture planning are imperative. These platforms provide significant flexibility, but with a trade-off of increased TCO and time to market.&lt;/p&gt;

&lt;h3&gt;
  
  
  Specific Use Cases
&lt;/h3&gt;

&lt;p&gt;For those needing custom customer experiences, such as scripts for VIP customer interfaces without affecting performance, server-side rendering is essential—highlighting the utility of commerce components or Adobe Commerce. Additionally, businesses needing an unaltered URL structure may find that headless platforms offer the necessary flexibility not available in Shopify Plus.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;This high-level comparison provides valuable insights into how Shopify and Adobe Commerce SaaS stand relative to TCO, flexibility, ROI, and business requirements. For CTOs navigating this complex decision, understanding these elements will support better business and technical decision-making. Should you need further assistance, feel free to reach out. Until next time, best of luck with your e-commerce endeavors!&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>magento</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>A Comprehensive Guide for CTOs: Adobe Commerce SaaS vs Shopify</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Mon, 31 Mar 2025 20:51:34 +0000</pubDate>
      <link>https://dev.to/rafaelcg/a-comprehensive-guide-for-ctos-adobe-commerce-saas-vs-shopify-28j9</link>
      <guid>https://dev.to/rafaelcg/a-comprehensive-guide-for-ctos-adobe-commerce-saas-vs-shopify-28j9</guid>
      <description>&lt;p&gt;In today's fast-paced business world, choosing the right e-commerce platform can make all the difference. For CTOs, the decision between Adobe Commerce as a cloud service and Shopify can be overwhelming. This blog post aims to provide an in-depth analysis of these two platforms, focusing on key considerations businesses must evaluate to make informed technical and business decisions.&lt;/p&gt;

&lt;h3&gt;
  
  
  Introduction
&lt;/h3&gt;

&lt;p&gt;Hello everyone. Today, we're diving into a critical comparison for CTOs: Shopify versus Adobe Commerce as a cloud service. We'll explore essential factors related to business and technical choices necessary for selecting the right platform. With years of experience, I've identified four main pillars to consider, offering a clear view of each platform's position in terms of business analysis.&lt;/p&gt;

&lt;h3&gt;
  
  
  Identifying the Four Main Pillars
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Strict and Complex Requirements&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The first pillar involves strict and complex requirements. When a platform needs to be tailored precisely to customer and business needs—such as integrating custom CRM, marketing tools, or ERP systems—strict requirements come into play. These cannot be easily altered, necessitating careful modeling and planning.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;TCO and Flexibility&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;On the right side, we have the Total Cost of Ownership (TCO) and flexibility. TCO increases with customization, as the more flexible a platform is, the more it can be tailored, but at a higher cost. Understanding which components to build from scratch is crucial, as maintaining these custom elements will be your responsibility on either platform.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Faster ROI and Time to Market&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;On the left, we examine faster ROI and time to market. Moving in this direction allows for rapid platform launch, resulting in a quicker return on investment. Minimal initial investment makes this option appealing for many businesses.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Flexible Business Requirements&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Lastly, considering flexible business requirements means adapting your business to the platform, rather than the other way around. By using market best practices and existing tools, businesses can streamline operations and processes, leading to faster time to market and ROI.&lt;/p&gt;

&lt;h3&gt;
  
  
  Platform Deep Dive
&lt;/h3&gt;

&lt;p&gt;&lt;strong&gt;Shopify Basic to Advanced&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Shopify’s basic and advanced options offer the fastest way to go live. With no contract required on Shopify Plus, you can create your own store independently, making this a flexible option. It's ideal for businesses looking for quick ROI and time to market while being adaptable.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Shopify Plus&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Shopify Plus maintains a favorable time to market while offering certain flexibilities. To achieve faster ROI, leveraging Shopify's massive ecosystem of apps is necessary. Customization is possible, but it's important to note that increased TCO might push you towards headless requirements.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Commerce Components and Adobe Commerce SaaS&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;Adobe Commerce SaaS and Shopify’s commerce components represent platforms where TCO is higher from the start due to headless architecture demands. Extensive coding and architecture planning are imperative. These platforms provide significant flexibility, but with a trade-off of increased TCO and time to market.&lt;/p&gt;

&lt;h3&gt;
  
  
  Specific Use Cases
&lt;/h3&gt;

&lt;p&gt;For those needing custom customer experiences, such as scripts for VIP customer interfaces without affecting performance, server-side rendering is essential—highlighting the utility of commerce components or Adobe Commerce. Additionally, businesses needing an unaltered URL structure may find that headless platforms offer the necessary flexibility not available in Shopify Plus.&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion
&lt;/h3&gt;

&lt;p&gt;This high-level comparison provides valuable insights into how Shopify and Adobe Commerce SaaS stand relative to TCO, flexibility, ROI, and business requirements. For CTOs navigating this complex decision, understanding these elements will support better business and technical decision-making. Should you need further assistance, feel free to reach out. Until next time, best of luck with your e-commerce endeavors!&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>ecommerce</category>
      <category>magento</category>
    </item>
    <item>
      <title>Adobe Commerce as a Cloud Service is NOT like Shopify</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Fri, 21 Mar 2025 20:40:43 +0000</pubDate>
      <link>https://dev.to/rafaelcg/adobe-commerce-as-a-cloud-service-is-not-like-shopify-1dp1</link>
      <guid>https://dev.to/rafaelcg/adobe-commerce-as-a-cloud-service-is-not-like-shopify-1dp1</guid>
      <description>&lt;p&gt;The new Adobe Commerce as a Cloud Service is launching in June 2025, and there’s a lot of buzz around it. Many people expect it to be like Shopify Advanced, but that’s far from reality. Even Shopify Plus isn’t a direct comparison. Here’s why:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Headless by Default – Unlike Shopify, where headless is optional (and mostly a Shopify Plus + Hydrogen + Components game), Adobe’s new SaaS offering mandates headless. This means it’s targeting merchants with more complex needs right from the start.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;10x Easier to Deploy – Adobe is promising provisioning in minutes, making it significantly easier to set up compared to its current Cloud infrastructure. But easier doesn’t mean “plug-and-play” like Shopify, it’s still geared toward enterprise-level customization.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Lower TCO &amp;amp; Licensing Costs – A major shift from the traditional Adobe Commerce model, bringing it closer to Shopify Plus in terms of affordability and predictability.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So where does it fit?&lt;br&gt;
This isn’t a direct competitor to Shopify Advanced, nor does it aim for SMBs. Instead, it positions itself for stores that would otherwise require Shopify Plus + Hydrogen + Components, making it an option for enterprises that demand headless architecture by default rather than as an add-on.&lt;/p&gt;

&lt;p&gt;Adobe Commerce as a Cloud Service is not a Shopify killer, but it does carve out its space for brands needing enterprise-grade flexibility in a fully managed SaaS environment.&lt;/p&gt;

&lt;p&gt;Are you planning to implement Adobe Commerce as a Cloud Service or Shopify? &lt;a href="https://rafaelcg.com/contact/" rel="noopener noreferrer"&gt;Let’s discuss!&lt;/a&gt;&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>magento</category>
      <category>adobe</category>
    </item>
    <item>
      <title>Adobe Commerce Saas Announcement</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Tue, 18 Mar 2025 16:38:09 +0000</pubDate>
      <link>https://dev.to/rafaelcg/adobe-commerce-saas-announcement-4dn9</link>
      <guid>https://dev.to/rafaelcg/adobe-commerce-saas-announcement-4dn9</guid>
      <description>&lt;p&gt;Adobe is announcing two major products set to launch in June 2025:&lt;/p&gt;

&lt;p&gt;✅ Adobe Commerce as a Cloud Service – A fully SaaS-based commerce platform with instant provisioning, AI-powered content creation, and high-performance storefronts powered by Edge Delivery Services.&lt;/p&gt;

&lt;p&gt;✅ Adobe Commerce Optimizer – A platform-agnostic experience layer that enhances any eCommerce system with AI-driven personalization, ultra-fast storefronts, and seamless API integrations—without requiring a full replatform.&lt;/p&gt;

&lt;p&gt;🔎 In this podcast, they break down:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;What these new products mean for Adobe Commerce developers and merchants.&lt;/li&gt;
&lt;li&gt;How Edge Delivery Services will redefine performance and SEO.&lt;/li&gt;
&lt;li&gt;The implications of moving from PaaS/on-premise to SaaS.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Why Adobe is making this shift and how businesses can transition gradually.&lt;/p&gt;

</description>
      <category>magento</category>
      <category>adobecommerce</category>
      <category>saas</category>
    </item>
    <item>
      <title>Adobe Commerce's Big Announcement: A Technical Deep Dive</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Fri, 14 Mar 2025 16:49:27 +0000</pubDate>
      <link>https://dev.to/rafaelcg/adobe-commerces-big-announcement-a-technical-deep-dive-2jjc</link>
      <guid>https://dev.to/rafaelcg/adobe-commerces-big-announcement-a-technical-deep-dive-2jjc</guid>
      <description>&lt;h1&gt;
  
  
  Adobe Commerce's Big Announcement: A Technical Deep Dive
&lt;/h1&gt;

&lt;p&gt;The future of Adobe Commerce is undergoing a significant transformation with the announcement of two new products: &lt;strong&gt;Adobe Commerce as a Cloud Service&lt;/strong&gt; and &lt;strong&gt;Adobe Commerce Optimizer&lt;/strong&gt;. Both solutions, launching in &lt;strong&gt;June 2025&lt;/strong&gt;, aim to optimize performance, scalability, and integration flexibility for businesses. &lt;/p&gt;

&lt;p&gt;This post provides a &lt;strong&gt;technical breakdown&lt;/strong&gt; of these innovations and what they mean for developers and eCommerce architects.&lt;/p&gt;

&lt;h2&gt;
  
  
  🚀 Key Changes in Adobe Commerce
&lt;/h2&gt;

&lt;h3&gt;
  
  
  1️⃣ &lt;strong&gt;Adobe Commerce as a Cloud Service&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;A &lt;strong&gt;fully SaaS-based&lt;/strong&gt; eCommerce platform designed for speed, scalability, and reduced operational complexity.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Instant Provisioning&lt;/strong&gt;: Deploy a new store in minutes.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Managed SaaS Updates&lt;/strong&gt;: Adobe handles patches and releases automatically.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Edge Delivery Services&lt;/strong&gt;: Speeds up storefront load times by caching content closer to users.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI-powered Content Creation&lt;/strong&gt;: Uses &lt;strong&gt;GenAI&lt;/strong&gt; for personalized experiences and A/B testing.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Enterprise-Grade Scalability&lt;/strong&gt;:

&lt;ul&gt;
&lt;li&gt;Supports &lt;strong&gt;250M SKUs&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Up to &lt;strong&gt;30K unique prices per SKU&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Enables real-time catalog syndication across multiple channels.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;li&gt;

&lt;strong&gt;Native Integration with Adobe Tools&lt;/strong&gt;: Includes &lt;strong&gt;Adobe Express, Firefly&lt;/strong&gt;, and &lt;strong&gt;Digital Asset Management (DAM)&lt;/strong&gt;.&lt;/li&gt;

&lt;/ul&gt;

&lt;h3&gt;
  
  
  2️⃣ &lt;strong&gt;Adobe Commerce Optimizer&lt;/strong&gt;
&lt;/h3&gt;

&lt;p&gt;An independent experience layer that enhances &lt;strong&gt;existing eCommerce platforms&lt;/strong&gt;, making it &lt;strong&gt;technology-agnostic&lt;/strong&gt;.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Lightning-Fast Storefronts&lt;/strong&gt;: Optimized UI/UX for enhanced user engagement.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Pre-built Connectors &amp;amp; APIs&lt;/strong&gt;: Enables seamless integration with various backend systems.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;AI-enhanced Merchandising &amp;amp; Personalization&lt;/strong&gt;: Dynamically adjusts content based on user behavior.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Performance Analytics &amp;amp; Optimization&lt;/strong&gt;:

&lt;ul&gt;
&lt;li&gt;Before-and-after reporting to measure impact.&lt;/li&gt;
&lt;li&gt;A/B testing capabilities to fine-tune strategies.&lt;/li&gt;
&lt;/ul&gt;


&lt;/li&gt;

&lt;/ul&gt;

&lt;h2&gt;
  
  
  🛠️ Technical Implications for Developers
&lt;/h2&gt;

&lt;h3&gt;
  
  
  🆚 SaaS vs. PaaS vs. On-Premise
&lt;/h3&gt;

&lt;p&gt;Adobe has assured ongoing support for &lt;strong&gt;on-premise&lt;/strong&gt; and &lt;strong&gt;PaaS&lt;/strong&gt; deployments, but the emphasis is on transitioning to SaaS. Developers should consider:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Infrastructure Reduction&lt;/strong&gt;: No more server management or patch maintenance.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Customization Trade-offs&lt;/strong&gt;: SaaS limits deep code modifications but offers APIs and extensibility options.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Security &amp;amp; Compliance&lt;/strong&gt;: Automatic updates reduce vulnerability risks, ensuring PCI compliance.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  ⚡ What Edge Delivery Services Mean for Performance
&lt;/h3&gt;

&lt;p&gt;Adobe’s &lt;strong&gt;Edge Delivery Services&lt;/strong&gt; leverage a &lt;strong&gt;CDN-like architecture&lt;/strong&gt; to reduce load times. Developers can expect:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Faster Page Loads&lt;/strong&gt;: Content is served from the nearest edge location.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Improved SEO &amp;amp; Organic Traffic&lt;/strong&gt;: Faster sites rank higher on Google.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Lower Server Load&lt;/strong&gt;: Reduces backend requests by caching frequently accessed content.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  🤖 AI-Powered Content &amp;amp; Merchandising
&lt;/h3&gt;

&lt;p&gt;The introduction of &lt;strong&gt;GenAI-driven content tools&lt;/strong&gt; changes the way eCommerce teams work:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;
&lt;strong&gt;Automated Product Descriptions&lt;/strong&gt;: Dynamic generation based on user preferences.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Personalized Promotions&lt;/strong&gt;: AI adapts discounts and messaging in real-time.&lt;/li&gt;
&lt;li&gt;
&lt;strong&gt;Integrated A/B Testing&lt;/strong&gt;: Optimizes layouts and CTAs without manual intervention.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🎙️ Podcast Discussion: A Technical Deep Dive
&lt;/h2&gt;

&lt;p&gt;&lt;a href="https://youtu.be/aZkFN45kmzk" rel="noopener noreferrer"&gt;https://youtu.be/aZkFN45kmzk&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;In our latest &lt;strong&gt;Deep Dive Podcast&lt;/strong&gt;, we analyze these new Adobe Commerce features and their impact on the developer community. Key points discussed:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;How &lt;strong&gt;Edge Delivery Services&lt;/strong&gt; fundamentally changes performance optimization.&lt;/li&gt;
&lt;li&gt;The &lt;strong&gt;real-world benefits of SaaS eCommerce&lt;/strong&gt; vs. traditional &lt;strong&gt;PaaS/on-premise models&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;The trade-offs of adopting &lt;strong&gt;Adobe Commerce Optimizer&lt;/strong&gt; on non-Adobe platforms.&lt;/li&gt;
&lt;li&gt;Strategies for migrating &lt;strong&gt;gradually vs. full transition&lt;/strong&gt; to Adobe Commerce as a Cloud Service.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🏗️ Developer Roadmap: Preparing for the Shift
&lt;/h2&gt;

&lt;h3&gt;
  
  
  ✅ 1. Evaluate Your Stack
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;If you are currently using &lt;strong&gt;Adobe Commerce (Magento) on-premise&lt;/strong&gt;, start identifying features that can transition to &lt;strong&gt;Adobe Commerce Optimizer&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;If your business is considering a &lt;strong&gt;full migration&lt;/strong&gt;, prepare for API-based customizations rather than deep core modifications.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  ✅ 2. Prepare for API-First Development
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Learn the &lt;strong&gt;new API architecture&lt;/strong&gt; for headless commerce and custom integrations.&lt;/li&gt;
&lt;li&gt;Leverage &lt;strong&gt;GraphQL and REST APIs&lt;/strong&gt; for storefront interactions.&lt;/li&gt;
&lt;li&gt;Understand the &lt;strong&gt;Adobe Experience Cloud ecosystem&lt;/strong&gt; for content and asset management.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  ✅ 3. Optimize Performance with Edge Delivery Services
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Implement &lt;strong&gt;best practices for CDN-based caching&lt;/strong&gt;.&lt;/li&gt;
&lt;li&gt;Analyze &lt;strong&gt;Google Lighthouse scores&lt;/strong&gt; to benchmark performance improvements.&lt;/li&gt;
&lt;li&gt;Test with &lt;strong&gt;high SKU catalogs&lt;/strong&gt; to assess real-world scalability.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  🔥 Final Thoughts
&lt;/h2&gt;

&lt;p&gt;Adobe’s push towards a &lt;strong&gt;SaaS-first commerce ecosystem&lt;/strong&gt; is a major shift for developers and businesses alike. While &lt;strong&gt;PaaS and on-premise solutions remain supported&lt;/strong&gt;, the future clearly points towards &lt;strong&gt;cloud-native, AI-powered commerce&lt;/strong&gt;. Developers should start adapting by exploring &lt;strong&gt;Adobe Commerce APIs, Edge Delivery Services, and GenAI integrations&lt;/strong&gt;.&lt;/p&gt;




&lt;h3&gt;
  
  
  💬 What are your thoughts on Adobe's new approach?
&lt;/h3&gt;

&lt;p&gt;Will your team adopt Adobe Commerce as a Cloud Service or test Adobe Commerce Optimizer? &lt;strong&gt;Let’s discuss in the comments!&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>ecommerce</category>
      <category>adobe</category>
      <category>cloud</category>
      <category>saas</category>
    </item>
    <item>
      <title>Magento PWA Studio setup in minutes</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Fri, 23 Jun 2023 14:52:34 +0000</pubDate>
      <link>https://dev.to/rafaelcg/pwa-studio-setup-in-minutes-2912</link>
      <guid>https://dev.to/rafaelcg/pwa-studio-setup-in-minutes-2912</guid>
      <description>&lt;p&gt;Many developers take some time setting up Adobe Commerce + PWA Studio for the first time. Mainly on their local machines to start their tests and possibly contribute to this OpenSource software.&lt;/p&gt;

&lt;p&gt;Since the last release v13.2.0, you can start to use DevContainer online or locally. Here I'll describe how to start using it.&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Github Codespaces&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;The easiest way to start is by using Github Codespaces. You can initialize your environment by accessing &lt;a href="https://github.com/magento/pwa-studio" rel="noopener noreferrer"&gt;PWA Studio on Github&lt;/a&gt; and clicking on &lt;strong&gt;Create codespace on develop&lt;/strong&gt; from there.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-6.16.30-PM.png%3Fresize%3D1024%252C623%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-6.16.30-PM.png%3Fresize%3D1024%252C623%26ssl%3D1" title="Magento PWA Studio Venia Store on Github" alt="Magento PWA Studio Venia Store on Github" width="800" height="486"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;All the required initial steps have been executed automatically, installing the NPM packages, running the build, and initializing the watch command through port 10000.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.37.37-PM.png%3Fresize%3D1024%252C605%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.37.37-PM.png%3Fresize%3D1024%252C605%26ssl%3D1" title="Magento PWA Studio Venia Store running through Github Codespace" alt="Magento PWA Studio Venia Store running through Github Codespace" width="800" height="472"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  &lt;strong&gt;Running PWA Studio locally&lt;/strong&gt;
&lt;/h2&gt;

&lt;p&gt;After cloning the &lt;a href="https://github.com/magento/pwa-studio" rel="noopener noreferrer"&gt;PWA&lt;/a&gt;&lt;a href="https://github.com/magento/pwa-studio" rel="noopener noreferrer"&gt; Studio&lt;/a&gt; locally from Github, open in on Visual Studio Code, and you will see this message to open in on DevContainer. Before clicking on it, confirm you have Docker running.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.47.35-PM.png%3Fresize%3D1024%252C620%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.47.35-PM.png%3Fresize%3D1024%252C620%26ssl%3D1" title="Initializing dev container on Magento PWA Studio Venia Store " alt="Initializing dev container on Magento PWA Studio Venia Store " width="800" height="484"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you missed the button above, you can click on the bottom left side of the screen and &lt;strong&gt;Reopen in Container&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.48.24-PM.png%3Fresize%3D1024%252C620%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-21-at-8.48.24-PM.png%3Fresize%3D1024%252C620%26ssl%3D1" title="Initializing dev container on Magento PWA Studio Venia Store " alt="Initializing dev container on Magento PWA Studio Venia Store " width="800" height="484"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Locally might take more time than Github Codespace. In the end, you will have it running, as you can see in the image below.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-23-at-10.07.14-AM.png%3Fresize%3D1024%252C660%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2023%2F06%2FScreenshot-2023-06-23-at-10.07.14-AM.png%3Fresize%3D1024%252C660%26ssl%3D1" title="Demo Magento PWA Studio Venia Store " alt="Demo Magento PWA Studio Venia Store " width="800" height="515"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Now you have an environment ready to test and contribute! Certainly, the best part is that we have it running in development mode. Any change you make to the files will be instantaneously reflected on your local Venia demo store.&lt;/p&gt;

&lt;p&gt;For more articles, check out &lt;a href="https://rafaelcg.com/blog/" rel="noopener noreferrer"&gt;my blog&lt;/a&gt; section.&lt;/p&gt;

</description>
      <category>magento</category>
      <category>pwa</category>
      <category>headless</category>
      <category>adobe</category>
    </item>
    <item>
      <title>No more Carrier Service API on Shopify</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Thu, 01 Dec 2022 17:25:30 +0000</pubDate>
      <link>https://dev.to/rafaelcg/no-more-carrier-service-api-on-shopify-4999</link>
      <guid>https://dev.to/rafaelcg/no-more-carrier-service-api-on-shopify-4999</guid>
      <description>&lt;p&gt;Today Shopify announced that starting January 1, 2023, stores on the Shopify Starter and Basic plans will no longer be able to request access to the Carrier Service API. It means that it's not all Shopify plans will have access to Shipping apps that offer shipping rates.&lt;/p&gt;

&lt;p&gt;Stores on the Shopify Advanced and Plus plans will continue to have access to the Carrier Service API. Stores on the Shopify plan can continue to request access by contacting Shopify support. Stores on the Shopify Starter or Basic plans that were previously granted access are not impacted by this change and will keep their access to the Carrier Service API.&lt;/p&gt;

&lt;h3&gt;
  
  
  Next steps
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Update your Shopify App Store listing and any other external communications to reflect this change by January 1, 2023.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Inform your support staff about the changing access requirements and timelines.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>shopify</category>
      <category>api</category>
    </item>
    <item>
      <title>How to use custom URLs with Shopify Hydrogen</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Wed, 06 Apr 2022 01:47:23 +0000</pubDate>
      <link>https://dev.to/rafaelcg/how-to-use-custom-urls-with-shopify-hydrogen-4a3</link>
      <guid>https://dev.to/rafaelcg/how-to-use-custom-urls-with-shopify-hydrogen-4a3</guid>
      <description>&lt;p&gt;&lt;a href="https://hydrogen.shopify.dev/" rel="noopener noreferrer"&gt;Shopify Headless&lt;/a&gt; is used in different ways. The way I recommend most to merchants is through Shopify Hydrogen. In this article, I'm going to show you how to set up a custom URL for your international store to improve your SEO results and give a better experience to your clients by supporting other languages.&lt;/p&gt;

&lt;p&gt;If you want to &lt;a href="https://rafaelcg.com/course-shopify-hydrogen-developer-2022/" rel="noopener noreferrer"&gt;learn how to create a fantastic production-ready Shopify Headless store with Hydrogen&lt;/a&gt;, check out my course on Udemy.&lt;/p&gt;

&lt;h2&gt;
  
  
  How custom URLs work
&lt;/h2&gt;

&lt;p&gt;All your old URLs on your Shopify store will remain the same, but the main difference is that your headless will control what to show on each page URL. It gives you total flexibility of customization and increases your responsibility of maintaining it simultaneously.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwq06xzxo4ev21y6onvft.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwq06xzxo4ev21y6onvft.png" alt="Shopify Headless using Hydrogen" width="679" height="265"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Translating and customizing category URL
&lt;/h2&gt;

&lt;p&gt;As you can see in the image below, the first step will be changing a folder name and the folder &lt;em&gt;collections&lt;/em&gt; inside the routes folder, which defines which route (URL path) to predict.&lt;/p&gt;

&lt;p&gt;You will be able to access the new translated URL right away. I changed &lt;strong&gt;collection&lt;/strong&gt; to &lt;strong&gt;categorias&lt;/strong&gt; in Portuguese.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fafu1c67t3wu0lpzgwnou.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fafu1c67t3wu0lpzgwnou.png" alt="Shopify Hydrogen custom URLs routes" width="800" height="469"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;The second step is to change all the links in your theme that might include collections in the link statically. I had to change it in my &lt;strong&gt;Navigation&lt;/strong&gt; file, as you can see in the image below.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi7321hvwlarrrcpbx7rq.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fi7321hvwlarrrcpbx7rq.png" alt="Shopify Hydrogen custom URLs" width="800" height="526"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It can become enormously tricky depending on the project, but at least now, you don't need to start from scratch in your analysis. I hope it helped you understand how Shopify architecture works with a headless store and custom URLs.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://rafaelcg.com/course-shopify-hydrogen-developer-2022/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Farvuabf7iihl8o66x8eh.jpeg" alt="Course Shopify Headless with Hydrogen" width="800" height="200"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>headless</category>
      <category>seo</category>
      <category>ecommerce</category>
    </item>
    <item>
      <title>How to use custom domains? Shopify Hydrogen + Cloudflare Workers</title>
      <dc:creator>Rafael Corrêa Gomes</dc:creator>
      <pubDate>Fri, 11 Mar 2022 00:06:25 +0000</pubDate>
      <link>https://dev.to/rafaelcg/how-to-use-custom-domains-shopify-hydrogen-cloudflare-workers-fcd</link>
      <guid>https://dev.to/rafaelcg/how-to-use-custom-domains-shopify-hydrogen-cloudflare-workers-fcd</guid>
      <description>&lt;p&gt;Introduction on Cloudflare Workers to host your Shopify Hydrogen theme and setup your custom domain&lt;/p&gt;

&lt;p&gt;Shopify Hydrogen custom domain setup is the last, you're ready to host it on Cloudflare Workers. In this post, we will cover a few questions about &lt;a href="https://workers.cloudflare.com/" rel="noopener noreferrer"&gt;Cloudflare Workers&lt;/a&gt; when setting up your custom domain.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftj3sj2gl81gspy9zjul8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftj3sj2gl81gspy9zjul8.png" alt="Shopify Hydrogen" width="800" height="183"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  Shopify Hydrogen custom domain
&lt;/h2&gt;

&lt;p&gt;The backend of our Shopify Hydrogen will be our Shopify store, we still using the default domain, and the main domain will be attached to your serverless frontend on Cloudflare.&lt;/p&gt;

&lt;p&gt;This is my &lt;a href="https://course-shopify-hydrogen.rafaelcg.com/" rel="noopener noreferrer"&gt;Shopify Hydrogen Headless demo&lt;/a&gt;, and this is my &lt;a href="https://rafaelcg.com/course-shopify-hydrogen-developer-2022" rel="noopener noreferrer"&gt;Shopify Hydrogen Course&lt;/a&gt; where I cover this and many other topics.&lt;/p&gt;

&lt;h2&gt;
  
  
  Start to configure your Cloudflare Workers
&lt;/h2&gt;

&lt;p&gt;Cloudflare will be responsible for keeping your main domain, DNS control and cache. If you don't have your domain control via Cloudflare, this is your first step.&lt;/p&gt;

&lt;p&gt;The second step is to set up Wrangler, a CLI tool that will allow you to control your Serverless applications from your terminal.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;npm install -g @cloudflare/wrangler
wrangler configure
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmow81gdqyrrbn5taxp56.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmow81gdqyrrbn5taxp56.png" alt="Cloudflare Wrangler CLI" width="800" height="482"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;If you didn't prepare your Hydrogen theme to run in your Cloudflare Workers instance, I recommend checking my article teaching &lt;a href="https://rafaelcg.com/blog/tutorial/cloudflare-workers-deploy-shopify-hydrogen/" rel="noopener noreferrer"&gt;how to set up your project for Cloudflare Workers&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Custom domain
&lt;/h2&gt;

&lt;p&gt;The first thing you will see in your Cloudflare panel will be your main DNS domain. Make sure to add these two records to your DNS records, it's a kind of fake redirect just for internal purposes.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4304p3gnzv5n65tyoml5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4304p3gnzv5n65tyoml5.png" alt="Cloudflare Workers DNS Record" width="800" height="70"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cloudflare DNS record to Workers&lt;/p&gt;

&lt;p&gt;Clicking on it you can access Workers in the left bar and configure the new HTTP route, don't forget the &lt;code&gt;/*&lt;/code&gt; in the end. It means you are creating a new subdomain or domain pointing to your serverless application.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2022%2F02%2FScreen-Shot-2022-02-18-at-8.00.03-PM.png%3Fresize%3D840%252C413%26ssl%3D1" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fi0.wp.com%2Frafaelcg.com%2Fwp-content%2Fuploads%2F2022%2F02%2FScreen-Shot-2022-02-18-at-8.00.03-PM.png%3Fresize%3D840%252C413%26ssl%3D1" title="Cloudflare Workers Route" alt="Cloudflare Workers Route" width="800" height="393"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Open your Workers and make sure you can see your new serverless project as the image below.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F65h2d3beuh0re5g3vho3.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F65h2d3beuh0re5g3vho3.png" alt="Cloudflare Workers Serverless" width="800" height="358"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cloudflare Workers panel&lt;/p&gt;

&lt;p&gt;I got my account_id and zone_id from my panel.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffoge0ev5b0h559j5e0qh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffoge0ev5b0h559j5e0qh.png" alt="Cloudflare API keys" width="800" height="482"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Cloudflare API keys&lt;/p&gt;

&lt;p&gt;My &lt;code&gt;wrangler.toml&lt;/code&gt; file is like this below.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;name = "course-shopify-hydrogen"
type = "javascript"
account_id = "120dfc03120dfc03120dfc03120dfc0"
workers_dev = true
compatibility_date = "2022-01-28"
compatibility_flags = ["streams_enable_constructors"]
zone_id = "r856ea704f7c4r856ea704f7c4r856ea704f7c4"

[env.production]
route = "course-shopify-hydrogen.rafaelcg.com/*"

[site]
bucket = "dist/client"
entry-point = "dist/worker"

[build]
upload.format = "service-worker"
command = "yarn &amp;amp;&amp;amp; yarn build"
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;h2&gt;
  
  
  Advantages to use Shopify Hydrogen with Serveless
&lt;/h2&gt;

&lt;p&gt;In general, these below are the main points.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;  Lower costs -- Generally very cost-effective.&lt;/li&gt;
&lt;li&gt;  Simplified scalability -- Developers using serverless architecture don't have to worry about policies to scale up their code. The serverless vendor handles all of the scaling on demand.&lt;/li&gt;
&lt;li&gt;  Simplified backend code -- With FaaS, developers can create simple functions that independently perform a single purpose, like making an API call.&lt;/li&gt;
&lt;li&gt;  Quicker turnaround -- The easiest way to go-live, serverless architecture can significantly cut time to market.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;To know more details, please check the &lt;a href="https://rafaelcg.com/blog/vm-docker-serverless/" rel="noopener noreferrer"&gt;last post&lt;/a&gt;.&lt;/p&gt;

&lt;h2&gt;
  
  
  Cloudflare Workers Documentations
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;  &lt;a href="https://developers.cloudflare.com/workers/" rel="noopener noreferrer"&gt;https://developers.cloudflare.com/workers/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://developers.cloudflare.com/workers/cli-wrangler/configuration/#environments" rel="noopener noreferrer"&gt;https://developers.cloudflare.com/workers/cli-wrangler/configuration/#environments&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://github.com/cloudflare/worker-template-router" rel="noopener noreferrer"&gt;https://github.com/cloudflare/worker-template-router&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://developers.cloudflare.com/workers/platform/routes/" rel="noopener noreferrer"&gt;https://developers.cloudflare.com/workers/platform/routes/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;  &lt;a href="https://egghead.io/lessons/cloudflare-deploy-to-a-custom-domain-with-cloudflare-wrangler-environments" rel="noopener noreferrer"&gt;https://egghead.io/lessons/cloudflare-deploy-to-a-custom-domain-with-cloudflare-wrangler-environments&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;a href="https://rafaelcg.com/course-shopify-hydrogen-developer-2022/" rel="noopener noreferrer"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Farvuabf7iihl8o66x8eh.jpeg" alt="Course Shopify Headless with Hydrogen" width="800" height="200"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>shopify</category>
      <category>cloudflare</category>
      <category>ecommerce</category>
      <category>serverless</category>
    </item>
  </channel>
</rss>
