Add Zeit Next example

.gitignore

@@ -12,6 +12,12 @@ Issues/
 node_modules/
 npm-debug.log
 
+#################
+## zeit next
+#################
+
+.next/
+
 #################
 ## Other
 #################

Extra 04 - Server Side Zeit Next/.vscode/tasks.json

@@ -0,0 +1,29 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "0.1.0",
+    "command": "npm",
+    "isShellCommand": true,
+    "showOutput": "always",
+    "suppressTaskName": true,
+    "tasks": [
+        {
+            "taskName": "install",
+            "args": ["install"]
+        },
+        {
+            "taskName": "update",
+            "args": ["update"]
+        },
+        {
+            "taskName": "test",
+            "args": ["run", "test"]
+        },
+        {
+            "taskName": "dev",
+            "args": ["run", "dev"],
+            "isBuildCommand": true,
+            "isBackground": true
+        }
+    ]
+}

Extra 04 - Server Side Zeit Next/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "zeit-next-demo",
+  "version": "1.0.0",
+  "description": "Server Side Rendering with Zeit Next",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/rickbeerendonk/react-examples.git"
+  },
+  "author": "Rick Beerendonk",
+  "license": "MPL-2.0",
+  "dependencies": {
+    "next": "^1.2.3"
+  },
+  "scripts": {
+    "dev": "next"
+  }
+}

Extra 04 - Server Side Zeit Next/pages/MyText.js

@@ -0,0 +1,3 @@
+import React from 'react'
+
+export default ({text}) => <i>{text}</i>

Extra 04 - Server Side Zeit Next/pages/index.js

@@ -0,0 +1,4 @@
+import React from 'react';
+import MyText from './MyText.js';
+
+export default () => <h1>Hello <MyText text="world" />!</h1>