diff --git a/.gitpod.yml b/.gitpod.yml
new file mode 100644
index 0000000..6ff0549
--- /dev/null
+++ b/.gitpod.yml
@@ -0,0 +1,19 @@
+# This configuration file was automatically generated by Gitpod.
+# Please adjust to your needs (see https://www.gitpod.io/docs/config-gitpod-file)
+# and commit this file to your remote git repository to share the goodness with others.
+
+tasks:
+  - command: |
+      cp wagtail_360/test/local.py.example wagtail_360/test/local.py 
+      pip install -e ".[testing]"
+      npm install
+      npm run build
+      make migrate
+      make admin
+      make load
+      make run
+
+ports:
+  - port: 8000
+    visibility: public
+
diff --git a/wagtail_360/test/local.py.example b/wagtail_360/test/local.py.example
index bda529b..63573e8 100644
--- a/wagtail_360/test/local.py.example
+++ b/wagtail_360/test/local.py.example
@@ -1 +1,4 @@
 GOOGLE_MAPS_API_KEY = ""
+
+# needed when running on gitpod or testing with https://
+CSRF_TRUSTED_ORIGINS = ['https://*.gitpod.io']
\ No newline at end of file
diff --git a/wagtail_360/testapp/static/testapp/css/testapp.css b/wagtail_360/testapp/static/testapp/css/testapp.css
new file mode 100644
index 0000000..3ccb101
--- /dev/null
+++ b/wagtail_360/testapp/static/testapp/css/testapp.css
@@ -0,0 +1 @@
+#body{background-color:rgba(255,255,255,.5);width:800px;max-width:100%;font-family:"Courier New",Courier,monospace;margin:0 auto;padding:0 1em;box-sizing:border-box;overflow:hidden}.template-homepage{font-family:"Courier New",Courier,monospace;background-color:#7fffd4}.template-homepage .container{display:flex;flex-wrap:wrap}.template-homepage .container .heading{flex:0 0 100%;text-align:center}.template-homepage .container .navigation{flex:0 0 100%;text-align:center}.template-homepage .container .navigation a{display:inline-block;margin:0 1em;color:#000;font-size:1.2em;font-weight:bold}.template-tourpage{background-color:#e5fff6}.menu-back{text-align:center;font-family:"Courier New",Courier,monospace}.panorama-navigation{background-color:#7fffd4;width:1280px;max-width:100%;padding-top:1em;padding-bottom:1em;margin:0 auto}.menu-name{font-family:"Courier New",Courier,monospace;font-weight:bold;color:rgba(0,0,0,.7);text-transform:uppercase;padding:0 1em}.menu-reset{font-family:"Courier New",Courier,monospace;font-weight:bold;color:rgba(0,0,0,.7);text-transform:uppercase;padding:0 1em}.menu-reset.active{cursor:pointer}.menu-reset.active:hover{background-color:rgba(0,0,0,.1)}.panorama-navigation-list{margin:0;padding:1em 0 0 0;list-style:none;font-family:"Courier New",Courier,monospace;font-weight:bold;color:rgba(0,0,0,.7)}.panorama-navigation-list li{padding:0 1em;cursor:pointer}.panorama-navigation-list li:hover,.panorama-navigation-list li:active{background-color:rgba(0,0,0,.1)}.panorama-container{position:relative;overflow:hidden;width:100%;padding-top:56.25%;margin:0 auto}@media screen and (min-width: 1280px){.panorama-container{width:1280px;height:720px;padding-top:0}}.panorama-container iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}/*# sourceMappingURL=testapp.css.map */
diff --git a/wagtail_360/testapp/static/testapp/css/testapp.css.map b/wagtail_360/testapp/static/testapp/css/testapp.css.map
new file mode 100644
index 0000000..10800fd
--- /dev/null
+++ b/wagtail_360/testapp/static/testapp/css/testapp.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../static_src/testapp/sass/testapp.scss"],"names":[],"mappings":"AAAA,MACI,sCACA,YACA,eACA,4CACA,cACA,cACA,sBACA,gBAGJ,mBACI,4CACA,yBAGA,8BACI,aACA,eAEA,uCACI,cACA,kBAGJ,0CACI,cACA,kBAEA,4CACI,qBACA,aACA,WACA,gBACA,iBAMhB,mBACI,yBAGJ,WACI,kBACA,4CAIJ,qBACI,yBACA,aACA,eACA,gBACA,mBACA,cAGJ,WACI,4CACA,iBACA,qBACA,yBACA,cAGJ,YACI,4CACA,iBACA,qBACA,yBACA,cAEA,mBACI,eAEA,yBACI,gCAKZ,0BACI,SACA,kBACA,gBAEA,4CACA,iBACA,qBAEA,6BACI,cACA,eAEA,uEAEI,gCAMZ,oBAEI,kBACA,gBACA,WACA,mBACA,cAGJ,sCACI,oBACI,aACA,aACA,eAIR,2BACI,kBACA,MACA,OACA,SACA,QACA,WACA","file":"testapp.css"}
\ No newline at end of file