From d6ab7d2efffc6a12f5b140e2441aaa9daa1b72eb Mon Sep 17 00:00:00 2001
From: Rick Beerendonk <rick@beerendonk.com>
Date: Fri, 3 Mar 2017 13:20:37 +0100
Subject: [PATCH] Add Zeit Next example

---
 .gitignore                                    |  6 ++++
 .../.vscode/tasks.json                        | 29 +++++++++++++++++++
 Extra 04 - Server Side Zeit Next/package.json | 17 +++++++++++
 .../pages/MyText.js                           |  3 ++
 .../pages/index.js                            |  4 +++
 5 files changed, 59 insertions(+)
 create mode 100644 Extra 04 - Server Side Zeit Next/.vscode/tasks.json
 create mode 100644 Extra 04 - Server Side Zeit Next/package.json
 create mode 100644 Extra 04 - Server Side Zeit Next/pages/MyText.js
 create mode 100644 Extra 04 - Server Side Zeit Next/pages/index.js

diff --git a/.gitignore b/.gitignore
index a855479d9..669ca0701 100644
--- a/.gitignore
+++ b/.gitignore
@@ -12,6 +12,12 @@ Issues/
 node_modules/
 npm-debug.log
 
+#################
+## zeit next
+#################
+
+.next/
+
 #################
 ## Other
 #################
diff --git a/Extra 04 - Server Side Zeit Next/.vscode/tasks.json b/Extra 04 - Server Side Zeit Next/.vscode/tasks.json
new file mode 100644
index 000000000..ab6205a2f
--- /dev/null
+++ b/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
+        }
+    ]
+}
\ No newline at end of file
diff --git a/Extra 04 - Server Side Zeit Next/package.json b/Extra 04 - Server Side Zeit Next/package.json
new file mode 100644
index 000000000..fd1fcf141
--- /dev/null
+++ b/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"
+  }
+}
diff --git a/Extra 04 - Server Side Zeit Next/pages/MyText.js b/Extra 04 - Server Side Zeit Next/pages/MyText.js
new file mode 100644
index 000000000..25e35706b
--- /dev/null
+++ b/Extra 04 - Server Side Zeit Next/pages/MyText.js	
@@ -0,0 +1,3 @@
+import React from 'react'
+
+export default ({text}) => <i>{text}</i>
\ No newline at end of file
diff --git a/Extra 04 - Server Side Zeit Next/pages/index.js b/Extra 04 - Server Side Zeit Next/pages/index.js
new file mode 100644
index 000000000..93aaa8236
--- /dev/null
+++ b/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>
\ No newline at end of file