{"id":7497,"date":"2021-01-27T16:28:08","date_gmt":"2021-01-27T16:28:08","guid":{"rendered":"https:\/\/spreecommerce.org\/?p=7497"},"modified":"2025-11-07T12:23:34","modified_gmt":"2025-11-07T12:23:34","slug":"run-your-own-spree-demo-on-heroku","status":"publish","type":"post","link":"https:\/\/spreecommerce.org\/run-your-own-spree-demo-on-heroku\/","title":{"rendered":"Run your own Spree demo on Heroku"},"content":{"rendered":"<p>If you&#8217;d like to run your own Spree demo you may do so for free using Heroku cloud hosting. All you have to do is click on the button below and set up a free Heroku account. This will enable you to test the latest Spree version &#8211; both the buyer interface and the admin dashboard.<\/p>\n<p><!--more--><\/p>\n<h2>Step 1: click the below &#8220;Deploy to Heroku&#8221; button<\/h2>\n<p><a href=\"https:\/\/heroku.com\/deploy?template=https:\/\/github.com\/spree\/spree_starter\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-7499 size-medium\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-300x166.png\" alt=\"\" width=\"300\" height=\"166\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-300x166.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-1024x567.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-768x425.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-1536x850.png 1536w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button-600x332.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-button.png 1728w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Step 2: log in or sign up with Heroku<\/h2>\n<p>You&#8217;ll need to log in to your Heroku account. In case you&#8217;re not a Heroku user yet, you&#8217;ll need to sign up for a free account.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7503\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM-980x1024.png\" alt=\"\" width=\"810\" height=\"846\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM-980x1024.png 980w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM-287x300.png 287w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM-768x802.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM-574x600.png 574w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-4.58.09-PM.png 1206w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 3: pick your Spree demo app name (subdomain)<\/h2>\n<p>During the installation flow, you&#8217;ll need to specify your Spree demo app name. Just type in any name you need for testing purposes. Your Spree demo application will be available under a Heroku subdomain with the name you&#8217;ve chosen.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7500\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name-1024x798.png\" alt=\"\" width=\"810\" height=\"631\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name-1024x798.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name-300x234.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name-768x599.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name-600x468.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-app-name.png 1470w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 4: enjoy the add-ons for free<\/h2>\n<p>During installation, all the necessary Heroku add-ons are installed but in order to keep your demo free, they are not production-grade. Please refer to the recommended minimal Spree Heroku setup for production installations.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7502\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons-1024x692.png\" alt=\"\" width=\"810\" height=\"547\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons-1024x692.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons-300x203.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons-768x519.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons-600x405.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-addons.png 1288w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 5: enter your email and password<\/h2>\n<p>During installation, you may also pick your admin dashboard login and password. If you leave the default values, anyone in the Spree community will be able to log in to your private Spree demo.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7501\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass-1024x552.png\" alt=\"\" width=\"810\" height=\"437\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass-1024x552.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass-300x162.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass-768x414.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass-600x324.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-spree-demo-login-pass.png 1290w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 6: click the &#8220;Deploy app&#8221; button<\/h2>\n<p>Just click the &#8220;Deploy app&#8221; button already&#8230;<\/p>\n<h2>Step 7: watch the app build logs live<\/h2>\n<p>Demo installation might take some time but you&#8217;ll be able to view its progress in the log being displayed by Heroku in your browser.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7505\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM-1024x645.png\" alt=\"\" width=\"810\" height=\"510\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM-1024x645.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM-300x189.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM-768x483.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM-600x378.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.03.35-PM.png 1328w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 8: view your Spree demo app<\/h2>\n<p>Once setup is complete, you can open your Spree demo app by clicking &#8220;View&#8221;.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7506\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM-1024x434.png\" alt=\"\" width=\"810\" height=\"343\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM-1024x434.png 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM-300x127.png 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM-768x325.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM-600x254.png 600w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/Screen-Shot-2021-01-27-at-5.19.17-PM.png 1318w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<h2>Step 9: manage your Spree demo app<\/h2>\n<p>You can also manage your Spree demo app in your Heroku dashboard. Visting the &#8220;Resources&#8221; tab will allow you to bump all your resources to recommended minimal Spree Heroku setup for production installations.<\/p>\n<p><a href=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-7508\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources-992x1024.png\" alt=\"\" width=\"810\" height=\"836\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources-992x1024.png 992w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources-291x300.png 291w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources-768x793.png 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources-581x600.png 581w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2021\/01\/heroku-add-dashboard-resources.png 1312w\" sizes=\"(max-width: 810px) 100vw, 810px\" \/><\/a><\/p>\n<p>That&#8217;s it!<\/p>\n<p>If you&#8217;re Heroku Button curious, <a href=\"https:\/\/blog.heroku.com\/heroku-button\" target=\"_blank\" rel=\"noopener noreferrer\">here&#8217;s how it works<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you&#8217;d like to run your own Spree demo you may do so for free using Heroku cloud hosting. All you have to do is click on the button below and set up a free Heroku account. This will enable you to test the latest Spree version &#8211; both the buyer interface and the admin [&hellip;]<\/p>\n","protected":false},"author":87,"featured_media":7498,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","footnotes":""},"categories":[52],"tags":[323,171,109],"class_list":["post-7497","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source","tag-demo","tag-heroku","tag-spree"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts\/7497","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/users\/87"}],"replies":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/comments?post=7497"}],"version-history":[{"count":0,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/posts\/7497\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media\/7498"}],"wp:attachment":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media?parent=7497"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/categories?post=7497"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/tags?post=7497"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}