<?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: Chris 🇵🇹 🇩🇪</title>
    <description>The latest articles on DEV Community by Chris 🇵🇹 🇩🇪 (@chris_w_cross_).</description>
    <link>https://dev.to/chris_w_cross_</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%2F1012907%2F4fa7c956-1e6f-4e7b-84a8-b8b885a20391.jpg</url>
      <title>DEV Community: Chris 🇵🇹 🇩🇪</title>
      <link>https://dev.to/chris_w_cross_</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/chris_w_cross_"/>
    <language>en</language>
    <item>
      <title>Deploy Shopify Apps to Northflank</title>
      <dc:creator>Chris 🇵🇹 🇩🇪</dc:creator>
      <pubDate>Sun, 22 Jan 2023 23:20:19 +0000</pubDate>
      <link>https://dev.to/chris_w_cross_/deploy-shopify-apps-to-northflank-57bc</link>
      <guid>https://dev.to/chris_w_cross_/deploy-shopify-apps-to-northflank-57bc</guid>
      <description>&lt;p&gt;If you develop custom shopify apps and search for a option to host your apps for your different environments. I can only recommend having a look at &lt;a href="//northflank.com"&gt;northflank.com&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;With Heroku canceling all free plans, Northflank comes with a great developer experience and allows to start free and scale up as your app grows.&lt;/p&gt;

&lt;p&gt;At the Northflank blog, you can find some features they provide (more here &lt;a href="https://northflank.com/blog/hosting-a-shopify-application-on-northflank" rel="noopener noreferrer"&gt;https://northflank.com/blog/hosting-a-shopify-application-on-northflank&lt;/a&gt;).&lt;/p&gt;

&lt;p&gt;The blog does provide the features, but unfortunately it's not a tutorial. As lot of posts regarding shopify are not up-to-date, i document my steps here :)&lt;/p&gt;

&lt;h3&gt;
  
  
  Setup
&lt;/h3&gt;

&lt;p&gt;Fresh Shopfiy app with NodeJS, created by the shopify-cli. Shopify does create an app for you within Shopify and does update the client-id + secret when you start the app.&lt;/p&gt;

&lt;p&gt;If you want to have different app-environments, best just create another app in Shopify partner portal for using it within Northflank.&lt;/p&gt;

&lt;p&gt;You can open a free account at Northflank, this provides you with all resources for starting your app.&lt;/p&gt;

&lt;h3&gt;
  
  
  Deploy to Northflank
&lt;/h3&gt;

&lt;p&gt;Luckily Shopify does create already an Dockerfile for you, in Northflank go and import your Github Repo with your Shopify app, within the setup process you can select the Docker setup, Northflank setups and detect the necessary configs automatically. You only need to check that your fresh container is public available!&lt;/p&gt;

&lt;p&gt;The standard Shopify app does some black magic in the background and uses some env-variables out of the box. You have to setup Northflank correctly here.&lt;/p&gt;

&lt;h4&gt;
  
  
  1. Container build arguments
&lt;/h4&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%2F7spvmr0llfyh6wrtvm88.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%2F7spvmr0llfyh6wrtvm88.png" alt="Image description" width="800" height="349"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  2. Container enviroment
&lt;/h4&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%2Fj5ua7ch2isbcgvzndti8.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%2Fj5ua7ch2isbcgvzndti8.png" alt="Image description" width="800" height="346"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h4&gt;
  
  
  3. Shopify app setup url
&lt;/h4&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%2Ftnwcgwougx76cz9xfl1y.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%2Ftnwcgwougx76cz9xfl1y.png" alt="Image description" width="800" height="343"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;And you are good to go with your running staging setup!&lt;/p&gt;

&lt;p&gt;If you have any questions, just drop me a msg&lt;/p&gt;

&lt;p&gt;cheers&lt;/p&gt;

</description>
      <category>gratitude</category>
    </item>
  </channel>
</rss>
