diff --git a/.github/workflows/staging.yml b/.github/workflows/staging.yml
new file mode 100644
index 000000000..707dd8ac2
--- /dev/null
+++ b/.github/workflows/staging.yml
@@ -0,0 +1,19 @@
+name: Staging
+on:
+  push:
+    branches:
+      - develop
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          ref: develop
+      - uses: amondnet/now-deployment@v2
+        id: now-deployment
+        with:
+          zeit-token: ${{ secrets.ZEIT_TOKEN }}
+          now-org-id: ${{ secrets.NOW_STAGING_ORG_ID }}
+          now-project-id: ${{ secrets.NOW_STAGING_PROJECT_ID }}
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index db812d06e..b75a04ca9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,4 @@ out
 dist
 lib
 *-*.log
+.now
\ No newline at end of file
diff --git a/config.js b/config.js
new file mode 100644
index 000000000..c947ef612
--- /dev/null
+++ b/config.js
@@ -0,0 +1,19 @@
+module.exports = {
+  url:  {
+    production: {
+      LANDING: "https://craft.js.org/",
+      DOCUMENTATION: "https://craft.js.org/r/docs/overview/",
+      BASIC_EXAMPLE: "https://craft.js.org/examples/basic/"
+    },
+    staging: {
+      LANDING: "https://craft-js.prevwong.now.sh/",
+      DOCUMENTATION: "https://craft-js.prevwong.now.sh/r/docs/overview/",
+      BASIC_EXAMPLE: "https://craft-js.prevwong.now.sh/examples/basic/"
+    },
+    development: {
+      LANDING: "http://localhost:3001/",
+      DOCUMENTATION: "http://localhost:3000/r/docs/overview/",
+      BASIC_EXAMPLE: "http://localhost:3002/"
+    }
+  }[process.env.ENV || 'staging']
+}
diff --git a/package.json b/package.json
index cbeebd0b4..e6a8368be 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,8 @@
     "clean": "lerna run clean --stream",
     "build": "lerna run build --stream --ignore docs --ignore example-*",
     "build:all" : "lerna run build --stream",
-    "deploy": "./scripts/deploy.sh",
+    "deploy": "cross-env ENV=production ./scripts/deploy.sh",
+    "deploy:staging": "cross-env ENV=staging ./scripts/deploy.sh",
     "release": "run-s lint clean build test release:npm",
     "release:npm": "lerna publish",
     "test:watch": "jest --watch",
diff --git a/packages/docs/src/pages/index.js b/packages/docs/src/pages/index.js
index dfba8b694..08c94218b 100755
--- a/packages/docs/src/pages/index.js
+++ b/packages/docs/src/pages/index.js
@@ -7,11 +7,11 @@
 
 import React from "react";
 import {Redirect} from '@docusaurus/router';
-
+import config from "../../../../config";
 
 function Home() {
-  if (typeof window !== 'undefined') {
-    window.location.href="https://prevwong.github.io/craft.js";
+  if (typeof window !== 'undefined' && process.env.NODE_ENV != "development") {
+    window.location.href=config.url["LANDING"];
     return <p style={{padding: "10px", textAlign:"center"}}>Redirecting...</p>
   } else {
     return  <Redirect to="docs/overview" />;
diff --git a/packages/examples/landing/components/editor/Viewport/Header.tsx b/packages/examples/landing/components/editor/Viewport/Header.tsx
index 410a4a84f..b687e40a4 100644
--- a/packages/examples/landing/components/editor/Viewport/Header.tsx
+++ b/packages/examples/landing/components/editor/Viewport/Header.tsx
@@ -75,9 +75,9 @@ export const Header = () => {
           <h2 className="mr-5 text-xl">craft.js</h2>
         </div>
         <div className="flex items-end justify-end">
-        <Link href="https://craft.js.org/examples/basic">Another Example</Link>
+        <Link href={process.env.url["BASIC_EXAMPLE"]}>Another Example</Link>
         <Link href="https://github.com/prevwong/craft.js">Github</Link>
-          <Link href="https://prevwong.github.io/craft.js/r/docs/overview">Documentation</Link>
+          <Link href={process.env.url["DOCUMENTATION"]}>Documentation</Link>
         </div>
         <div className="flex">
           <Btn 
diff --git a/packages/examples/landing/next.config.js b/packages/examples/landing/next.config.js
index 4a82b06ad..0414e8fd9 100644
--- a/packages/examples/landing/next.config.js
+++ b/packages/examples/landing/next.config.js
@@ -1,8 +1,12 @@
 const withPlugins = require('next-compose-plugins');
 const withCSS = require('@zeit/next-css')
+const config  = require("../../../config");
 
 module.exports = withPlugins([
   [withCSS]
 ], {
-  assetPrefix: ''
+  assetPrefix: '',
+  env: {
+    url: config.url
+  }
 });
\ No newline at end of file