diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..8b5b5ec05
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,4 @@
+build/
+dist/
+.git/
+node_modules/
diff --git a/Procfile b/Procfile
new file mode 100644
index 000000000..3c846d89a
--- /dev/null
+++ b/Procfile
@@ -0,0 +1 @@
+web: ruby -run -e httpd -- -p $PORT build/
diff --git a/README.md b/README.md
index 69db39d30..ec7436aa1 100644
--- a/README.md
+++ b/README.md
@@ -55,3 +55,6 @@ Open [http://localhost:3001](http://localhost:3001) to view it in the browser.
 
 There is no production build setup for the web component at present.
 
+## Review apps
+
+Currently the build is deployed to both S3 and Heroku.  The PR should get updated with the Heroku URL, and the web component demo is at `/web-component.html` on the Heroku review app domain.
diff --git a/app.json b/app.json
new file mode 100644
index 000000000..07357db42
--- /dev/null
+++ b/app.json
@@ -0,0 +1,13 @@
+{
+  "name": "editor-ui",
+  "formation": {
+    "web": {
+      "quantity": 1
+    }
+  },
+  "buildpacks": [
+    {
+      "url": "heroku/nodejs"
+    }
+  ]
+}
diff --git a/package.json b/package.json
index 647ae475d..4a8f5787b 100644
--- a/package.json
+++ b/package.json
@@ -57,7 +57,8 @@
     "test": "node scripts/test.js --transformIgnorePatterns 'node_modules/(?!three)/'",
     "test:integration": "cd e2e; docker compose up --exit-code-from cypress",
     "start:wc": "NODE_ENV=development BABEL_ENV=development webpack serve -c ./webpack.component.config.js",
-    "build:wc": "NODE_ENV=production BABEL_ENV=production webpack build -c ./webpack.component.config.js"
+    "build:wc": "NODE_ENV=production BABEL_ENV=production webpack build -c ./webpack.component.config.js",
+    "heroku-postbuild": "export PUBLIC_URL='' && yarn build && yarn build:wc"
   },
   "eslintConfig": {
     "extends": [