{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/ftw/how-to-deploy-ftw-to-heroku/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"How to deploy FTW to Heroku","slug":"how-to-deploy-ftw-to-heroku","updated":"2022-09-12T00:00:00.000Z","category":"ftw-hosting","ingress":"This guide describes how to deploy Flex Template for Web to Heroku.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This guide provides a practical demonstration of how to deploy Flex\nTemplate for Web (FTW) to Heroku. Heroku is one of the most popular\ncloud hosting service providers, and because of that, there is a lot of\ninformation online that can help you solve and debug potential problems\nwith your deployment. Unlike "},{"type":"element","tagName":"a","properties":{"href":"https://www.render.com","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Render"}]},{"type":"text","value":", Heroku\ndoes not provide a free tier."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Before deploying your marketplace to Heroku, you need to create three\naccounts:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.heroku.com/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Heroku"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://stripe.com/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Stripe"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://www.mapbox.com/","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Mapbox"}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"deploying-ftw-to-heroku","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#deploying-ftw-to-heroku","ariaLabel":"deploying ftw to heroku permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Deploying FTW to Heroku"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Step 1: Create a Heroku account"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Go to "},{"type":"element","tagName":"a","properties":{"href":"https://www.heroku.com/pricing","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Heroku"}]},{"type":"text","value":" and create a new account\nif you do not have one."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Step 2: Create a new app"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Create a new app in the Heroku dashboard."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/53fb6/heroku-create-new-app.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 30.18867924528302%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAYAAADDl76dAAAACXBIWXMAAAsTAAALEwEAmpwYAAABAElEQVQY03WQ0W7DIAxF8/+/N017qVZVqrY2CQQIEHACZ4JW2x42S0cX21fG8jB/GsbrgrpbjFqRXRDJiAg5Z2ZtOuOkUdqwban3Hp6M5ETcC+fzO2+vLwzq7lE3zzJHjI44l55krEuoJaJNRHU2zJpxQbBBcPGhNhVOlw9OlyvD7Wq5nGbGu2O8OVafCFEIMXeNmxC2H201HzNryN3b3mpy6MmTcmHYmilkUt7/JcuByPGtKQl6cSxmxa0BY32vxZgYSik4H3ujqW0G5xHZKbVylEIpld9xHAeTMp02dFYG63y/71BrpRyFruVJrT3/ixZtifZp29LYtQ/VxrGlzBdWi9A4aVEPzQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/82e29/heroku-create-new-app.webp 159w","/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/ef33f/heroku-create-new-app.webp 318w","/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/f1837/heroku-create-new-app.webp 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/8b9b5/heroku-create-new-app.png 159w","/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/fa108/heroku-create-new-app.png 318w","/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/53fb6/heroku-create-new-app.png 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/bcbc7510957248e11891e60bb4283e68/53fb6/heroku-create-new-app.png","alt":"Create new app button in Heroku","title":"Create new app button in Heroku","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Step 3: Change the environment variables"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In Heroku, you can configure environment variables from the\n"},{"type":"element","tagName":"a","properties":{"href":"https://devcenter.heroku.com/articles/config-vars#using-the-heroku-dashboard","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Heroku dashboard"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Go to the Settings page of your new app and reveal Config Vars:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/53fb6/heroku-config-vars.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 21.383647798742135%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAYAAACOXx+WAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlElEQVQY031PiwrCQAy7//9Ch8M5dJsnunOPXtvbuMgO5gu1kKaQEhITY0SQCTwqgs74NcvfgvVWDhg7BvWcWGVKmlnWzQ2wTZuYyMOzYCSfMAwE8vwwWplJ0TtC7zy6liAcnoZVY5HlBXblEZttgSzfo6ot6tMZ5aHG5ereUq7G31qYFF8DWDQlE1GI6t/Kn+av2h2ZwzigRMoJ0AAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/82e29/heroku-config-vars.webp 159w","/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/ef33f/heroku-config-vars.webp 318w","/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/f1837/heroku-config-vars.webp 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/8b9b5/heroku-config-vars.png 159w","/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/fa108/heroku-config-vars.png 318w","/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/53fb6/heroku-config-vars.png 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/4a3928543db04a2ac48f837b4b7052b8/53fb6/heroku-config-vars.png","alt":"Heroku: reveal Config Vars","title":"Heroku: reveal Config Vars","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Then add the following environment variables as Config Vars:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_SHARETRIBE_SDK_CLIENT_ID"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Flex client ID. Check this from\n"},{"type":"element","tagName":"a","properties":{"href":"https://flex-console.sharetribe.com/applications","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Console"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"SHARETRIBE_SDK_CLIENT_SECRET"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Flex client secret. Check this from\n"},{"type":"element","tagName":"a","properties":{"href":"https://flex-console.sharetribe.com/applications","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Console"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_STRIPE_PUBLISHABLE_KEY"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Stripe publishable API key for generating tokens with Stripe API. Use\nthe test key (prefix "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"pk_test"}]},{"type":"text","value":") for development."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_MAPBOX_ACCESS_TOKEN"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you are using Mapbox instead of Google Maps"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_SHARETRIBE_MARKETPLACE_CURRENCY"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The currency used in the Marketplace is formatted in the ISO 4217\ncurrency code. For example USD, EUR, CAD, AUD, etc."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_CANONICAL_ROOT_URL"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Canonical root URL of the marketplace. Remove trailing slash from the\ndomain."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"E.g. "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"https://<the-name-of-your-app>.herokuapp.com"}]}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"NODE_ENV"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Defines whether the application is run in production or development\nmode. Use 'development' for development and 'production' for\nproduction."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Use value: 'production'"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_ENV"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"A more fine-grained env definition than "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"NODE_ENV"}]},{"type":"text","value":". For example, this\nsends environment info to the logging service Sentry. (If you have\nenabled it with "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_SENTRY_DSN"}]},{"type":"text","value":")."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" For this setup, use\nvalue: 'development'"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_SHARETRIBE_USING_SSL"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Redirect HTTP to HTTPS?"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Use value: true"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"SERVER_SHARETRIBE_TRUST_PROXY"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Set this when running the app behind a reverse proxy, e.g. in\nHeroku."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Use value: true"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_CSP"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content Security Policy (CSP). Read more from\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/ftw/how-to-set-up-csp-for-ftw/"},"children":[{"type":"text","value":"this article"}]},{"type":"text","value":"."},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Accepts values:\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"block"}]},{"type":"text","value":" and "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"report"}]},{"type":"text","value":". The recommended value is "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"block"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_AVAILABILITY_ENABLED"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Possible values: true/false"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Use value: true"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"REACT_APP_DEFAULT_SEARCHES_ENABLED"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Possible values: true/false"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" Use value: true"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you change these values later on, "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"you need to deploy the app again"}]},{"type":"text","value":".\nEnvironment variables are baked into the static build files of the web\napp - so a new build is required."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Step 4: Add a Node.js buildpack"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Go to the Settings page of your new app and add the official buildpack:\n"},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"heroku/nodejs"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 633px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/fd73d/heroku-add-buildpack.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 157.2327044025157%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAfCAYAAADnTu3OAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD0ElEQVRIx6WT6XPaRhjG9We3H+qPnU6m+ABziPvKQQABAtKZ1nYS25m2hpA0jd2USX20NRgMsjHolng6uwJFHPY4qWZ+0urdd599j12m+uMr9IVrtDs9XHT7C5yetnF83KKcn3fRWeJD1gpXA7x49RrM9ssa7no0WYciapBHKmDe6YramyMwO3uWoK4ZMHQDhmFC1w2YpklxPuPx2LY70Q2Dzh803oN5vl+HphjodQaUfvcGgyuRCpvmGIZp2pD/ZUwFa28OLUHDMNDpdNEXBPrVdd2OaDyGDd3AMGc2IWj6nCB5RqIMUVIgKyqGIwmiJEOSlYldxkiUoGnOjT4xLY0tSAyCcIObgYjRSKKLBwMRN0ORihOuByMoquao5dj+apojwmlThO4Ql60BNFUHxkCz0YKuWo5XnRH67SEdk5RbJwK0yRzp/kAQLcGGQ5A0pNu6hqroUFUNPWEAVdNp7URZoZCISM1IxNNGSJJC/xcExaECaajahW+fXkGRrRSvuiP02jfW8dJNHB92oMo6SWSxy1NBSVQgSSqNQlV1nHzsQJ4I9i+H6F5c0zHJ4Lh5QTebHhtjtst335TPeepvD8Fs79bQ+3eEsw89/NPs4+8/exP6OPtwiTMybpK5Hk7/uMTJUQcnR12a9l/vLyjN31o4/yjg54N3YLZeHGC/2EQpWEcl0gAffo1SqI5isAbO/yuq8QZ+yrzDTu53lGN1ZDb2kXHv48nGHh6v7+LR2i6SD3ZQCPyCl3sNMIlMFYVnO8hXtpeSK28jx28hy2/R8W1+hWfPkXr6Axg2yWMzzGEzwsGfKCKQKM2StGCTpcU5B2Qtm+ItQU84D2+kAH98XrBIIWL+eGFmsXMTsi6Y4hF+WAFDDO5wDp5IDu5wFt4oZwvNCloiUwE7+skGtmAwVYY/VrQJxEsIpyt08nMJpctgQg5BX9QSJBNfAo3wtp2+FIa8SNok0tsdK3YE1ngehyCbKNFj44sW7pfWEiLOGvpiBbj8T7DGZrAefEoh441gdsG2GshgNZiHK8jhe5aQx2qQgzvKg02RDIhgogxXqARfnEcozdP2W5TpQaVjWhaeRhBIVeBLWgTSVbAPqwikK4g8rlpNoU5JS+B+8AhNxD0sh3VvluJyZ+gJoceGvcfVmodE/+13j7CyEsc3KzF89XUImyHOOtgkQnIFAxPY+5KahZSGCvriJXjjRfgceGNF2gRXIIO1YNZqCEsalMVmrEDX+GbWlGg5GKJKHNzhPDxRDp4IZ32jHLW5I3nLNge1T/zIvzdWoDVm/s+tWHZT/gNohAPaDCWwnAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/82e29/heroku-add-buildpack.webp 159w","/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/ef33f/heroku-add-buildpack.webp 318w","/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/a08f0/heroku-add-buildpack.webp 633w"],"sizes":"(max-width: 633px) 100vw, 633px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/8b9b5/heroku-add-buildpack.png 159w","/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/fa108/heroku-add-buildpack.png 318w","/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/fd73d/heroku-add-buildpack.png 633w"],"sizes":"(max-width: 633px) 100vw, 633px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/35242bc068759a18b5a17b759a5bdab8/fd73d/heroku-add-buildpack.png","alt":"Add buildpack","title":"Add buildpack","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"Step 5: Connect the Heroku app to Github"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Go to the Deploy page of your new app and\n"},{"type":"element","tagName":"a","properties":{"href":"https://devcenter.heroku.com/articles/github-integration#enabling-github-integration","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"connect the app with Github"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/81554/heroku-connect-to-github.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 59.11949685534591%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAAAsTAAALEwEAmpwYAAABtUlEQVQoz22TC7KbMAxF2f/KuoCuoJ004RMwGFv+n45tkpfXqWYuAn2uZFkM86TZNoNSlmlWLM8dbRxWAsb6C6F9/w+nceyb5dgFrYXBuYDzHVITrXt/h5iaTilTpbxQIOfyRvW/3gfvImI8Yj0pJkqNpidYEZwIYgVrBXNBxPW40klK+SIftk0zjivzvLGuB7Xj6ggucp7Cn2nndn8yTk8ej6XZtk3xGFduo2Jd94blqRDxDNFnOlLXocNJRB+GZT05jSf4SKgxqeB95rSJw6Rmq6f0LrW8oT7SRVKd4SJugZWkdpwKJdOLGSFqQ7KOqE+C+G6/cgYvoc2wdtAGf82w6mpPsaDUzjRN5AJhvGNuv7HzRFwXipProvosh5K/BvuSPnB6tzEhIhxa40OklvXV10O+NVFlCCHhJBBDIud+/f2WcyPwPjTkmhQD7GtDPjZKzu/O2vrEzKCUZprXtn91HWKMb0K1a56rQp8W6xKHFvZtx2pLsLbFvHZ0uWt+/vjF8Krwr6Sc0adB67Pp3SaUzSgp7A5i/n7cekJnA8Pn3D7Ja3Xn3Bs5xY9y/Z/5jK+dVtK/VWOq4jVaYegAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/82e29/heroku-connect-to-github.webp 159w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/ef33f/heroku-connect-to-github.webp 318w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/f1837/heroku-connect-to-github.webp 635w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/29549/heroku-connect-to-github.webp 953w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/f7ebf/heroku-connect-to-github.webp 1234w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/8b9b5/heroku-connect-to-github.png 159w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/fa108/heroku-connect-to-github.png 318w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/53fb6/heroku-connect-to-github.png 635w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/5a426/heroku-connect-to-github.png 953w","/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/81554/heroku-connect-to-github.png 1234w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/240068b95ffe240e7ab04ff14cffe19b/53fb6/heroku-connect-to-github.png","alt":"Heroku: Connect the app with Github repository","title":"Heroku: Connect the app with Github repository","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"After that, you can deploy the app manually or enable automatic deploy\nfrom your default branch (usually named as "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"main"}]},{"type":"text","value":" or "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"master"}]},{"type":"text","value":")."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If everything works, your app should be available in a URL that looks a\nbit like this: "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"HTTPS://<your-app-name>.herokuapp.com"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"set-up-domains-and-certificates","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#set-up-domains-and-certificates","ariaLabel":"set up domains and certificates permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Set up domains and certificates"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Heroku manages SSL certificates automatically for new applications. You\ncan change your domain and SSH settings in the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Settings tab"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Read more from Heroku docs:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://devcenter.heroku.com/articles/custom-domains","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Custom Domain Names for Apps"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://devcenter.heroku.com/articles/automated-certificate-management","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Automated Certificate Management"}]}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/bacccf10a61d849b245160a88588f603/990b0/heroku-domains.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 46.540880503144656%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAACXBIWXMAAAsTAAALEwEAmpwYAAABIUlEQVQoz32SQU4DMQxFe/8rcACWHIALsESsEJtKCNFOp8kkk0xiO8l8lJQpLVP40lMsL76/rWxKLhBKSJIhnFu9qJQZwIxLzfO84lIbIoEZPEY7wRrfiJGRc4GbArS26A8aqh8a4+jhbWw4E+FHujJvhoNyzbS+bgyQlJBzBrPA+wDVG+ijhVYWIURMUzgjIlfJN/hHIgnMjBgjiAlEJ6YQmnHt18Hnc9SVb91kuYtIBvEarn3KKADenvd4vH/Bw90Ttq/dbcNlHnNCJAF9E3/BkmD0hN37gI/tEW6M65UXw/oSC5yPjV5Z7A+60fUDPjuFXadg3AQSAaWElPPfhjVhTaEG94Nx0OZUd0fT2B10o/bqRv8mrF+nUW6Q15RS8AWISr4q908eaQAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/bacccf10a61d849b245160a88588f603/82e29/heroku-domains.webp 159w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/ef33f/heroku-domains.webp 318w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/f1837/heroku-domains.webp 635w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/29549/heroku-domains.webp 953w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/c5420/heroku-domains.webp 1270w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/eac03/heroku-domains.webp 1536w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/bacccf10a61d849b245160a88588f603/8b9b5/heroku-domains.png 159w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/fa108/heroku-domains.png 318w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/53fb6/heroku-domains.png 635w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/5a426/heroku-domains.png 953w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/91155/heroku-domains.png 1270w","/docs/legacy/static/bacccf10a61d849b245160a88588f603/990b0/heroku-domains.png 1536w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/bacccf10a61d849b245160a88588f603/53fb6/heroku-domains.png","alt":"Heroku settings","title":"Heroku settings","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"heroku-logs","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#heroku-logs","ariaLabel":"heroku logs permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Heroku logs"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can find your application's logs by clicking button "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"\"More\""}]},{"type":"text","value":" in the\nupper right corner and selecting "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"\"View logs\""}]},{"type":"text","value":" from the opening\ndropdown. Logs can be useful if there are problems when deploying the\napp."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/6d472/heroku-logs.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 38.36477987421384%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAICAYAAAD5nd/tAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVQoz5WSy47TQBBF/f+/wpI/YMtqpEGImSSTxHGI7e622/1+OAeNAxrBjpKObtXm1i2pmv6qGXvDKDRSacRvjA34kHE+PYgVt4KtYDKoAFI4Fu2RvUUNFucSjRgMcrTMs0Uvf3D4kEipEmMhljtRSNK3J+L3Z8LzE/7zJ0x3Y7ERpyPeZLxPNPxTIWZ8TJuGmIgxk3IlWotuW5ZrR+xv1K9fMFIitWGxjlorpVSaXB5NrSv3+526rh/UD13vUHhQ3xcD2npmbbarci4PQx/iluR9+J9KMW1Gal6YtME4T6mVZpgCUieGKTKowDgFehW4ycCgPL30jMoh5MwoJm69oLv2LMZtQZyPOB9IKW9nN7v9id3uyP5w4uX1jR8ve46njsNby+ncbbSXG+3lJ+f2uunxeNmMhXqkU9OCsZ5cCs2+VRxawb6VHLZe8XqS7M6SbjD0KjJOkVHMDKOiHyRd957Q//VW1iVKXfkFu2FlTWborX4AAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/82e29/heroku-logs.webp 159w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/ef33f/heroku-logs.webp 318w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/f1837/heroku-logs.webp 635w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/29549/heroku-logs.webp 953w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/c5420/heroku-logs.webp 1270w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/2a696/heroku-logs.webp 1410w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/8b9b5/heroku-logs.png 159w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/fa108/heroku-logs.png 318w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/53fb6/heroku-logs.png 635w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/5a426/heroku-logs.png 953w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/91155/heroku-logs.png 1270w","/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/6d472/heroku-logs.png 1410w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/d23ca6ec7880feec1d28a6c1e64263b8/53fb6/heroku-logs.png","alt":"Heroku logs","title":"Heroku logs","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"troubleshooting-heroku","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#troubleshooting-heroku","ariaLabel":"troubleshooting heroku permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Troubleshooting Heroku"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"By default, Heroku will use latest Long-Term-Support (LTS) version of\nNode.js. So, you might want to specify that your dev and production\nenvironments use the same Node version as your local machine when you\nrun "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"yarn run dev-server"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This can be done by adding an "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"engines"}]},{"type":"text","value":" section to the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"package.json"}]},{"type":"text","value":".\nRead more from Heroku's\n"},{"type":"element","tagName":"a","properties":{"href":"https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Node.js Support guide"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You should also check that the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"environment variables"}]},{"type":"text","value":" in your local\nenvironment matches with "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Config Vars"}]},{"type":"text","value":" in Heroku app settings."}]}],"data":{"quirksMode":false}},"headings":[{"value":"Deploying FTW to Heroku","depth":2},{"value":"Set up domains and certificates","depth":2},{"value":"Heroku logs","depth":2},{"value":"Troubleshooting Heroku","depth":2}]}},"pageContext":{"slug":"how-to-deploy-ftw-to-heroku","category":"ftw-hosting"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}