Add Now deployment example (#728)

* Duplicated basic example

* Renamed package name

* Updated readme for Now

* Added post Now build process hook

* Tweaked README format and content

Author: david-potgieter

examples/with-now/.gitignore

@@ -0,0 +1,10 @@
+logs
+*.log
+npm-debug.log*
+.DS_Store
+
+coverage
+node_modules
+build
+public/static
+.env.*.local

examples/with-now/README.md

@@ -0,0 +1,40 @@
+# Razzle Now Deployment example
+
+## How to use
+
+Download the example [or clone the whole project](https://github.com/jaredpalmer/razzle.git):
+
+```bash
+curl https://codeload.github.com/jaredpalmer/razzle/tar.gz/master | tar -xz --strip=2 razzle-master/examples/with-now
+cd with-now
+```
+
+### Install it and run locally:
+
+```bash
+yarn install
+yarn start
+```
+
+### Setup Now:
+
+[Now](https://zeit.co/now) manages app deployments with a [desktop](https://zeit.co/download) app or [CLI](https://zeit.co/download#now-cli).
+
+* You can download either the [desktop](https://zeit.co/download) (ships and installs the CLI as well) or just the [CLI](https://zeit.co/download#now-cli)
+  * Or install only the CLI directly using: `npm install -g now`
+* Create a Now [account](https://zeit.co/signup)
+* Authenticate in the desktop app or CLI with `now login`
+
+### Deploy:
+
+* Deploy using `now` in the root of your app.
+* Open your [Dashboard](https://zeit.co/dashboard/deployments) and test your deployment
+  * Note: on the free plan your deployment and logs will be **_publicly visible_**
+
+#### Additional Configuration:
+
+* Additional build, deployment, and config steps available: [Zeit/Now](https://zeit.co/now#frequently-asked-questions)
+
+## Idea behind the example
+
+This is a basic example of how to use razzle and deploy to [Now](https://zeit.co/now).

examples/with-now/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "razzle-examples-with-now",
+  "version": "2.4.0",
+  "license": "MIT",
+  "scripts": {
+    "start": "razzle start",
+    "build": "razzle build",
+    "test": "razzle test --env=jsdom",
+    "start:prod": "NODE_ENV=production node build/server.js",
+    "now-start": "yarn start:prod"
+  },
+  "dependencies": {
+    "express": "^4.15.2",
+    "react": "^16.0.0",
+    "react-dom": "^16.0.0"
+  },
+  "devDependencies": {
+    "razzle": "^2.4.0"
+  }
+}

examples/with-now/public/favicon.ico

@@ -0,0 +1,2 @@
+User-agent: *
+

examples/with-now/public/robots.txt

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  padding: 0;
+  font-family: -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Helvetica,
+    Arial,
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol";
+}

examples/with-now/src/App.css

@@ -0,0 +1,6 @@
+import './App.css';
+
+import React from 'react';
+const App = () => <div>Welcome to Razzle.</div>;
+
+export default App;

examples/with-now/src/App.js

@@ -0,0 +1,10 @@
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+describe('<App />', () => {
+  test('renders without exploding', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<App />, div);
+  });
+});

examples/with-now/src/App.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { hydrate } from 'react-dom';
+import App from './App';
+
+hydrate(<App />, document.getElementById('root'));
+
+if (module.hot) {
+  module.hot.accept();
+}

examples/with-now/src/client.js

@@ -0,0 +1,21 @@
+import express from 'express';
+import app from './server';
+
+if (module.hot) {
+  module.hot.accept('./server', function() {
+    console.log('🔁  HMR Reloading `./server`...');
+  });
+  console.info('✅  Server-side HMR Enabled!');
+}
+
+const port = process.env.PORT || 3000;
+
+export default express()
+  .use((req, res) => app.handle(req, res))
+  .listen(port, function(err) {
+    if (err) {
+      console.error(err);
+      return;
+    }
+    console.log(`> Started on port ${port}`);
+  });