Add Zeit Next.js Installation documentation

Author: AryanJ-NYC

.docz/app/db.json

@@ -104,6 +104,25 @@
           }
         ]
       }
+    },
+    {
+      "key": "src/pages/installation/zeit-next-js.mdx",
+      "value": {
+        "name": "Zeit Next.js",
+        "route": "/installation/zeit-next-js",
+        "menu": "Installation",
+        "id": "aa24e7b540a30970bc1e16d589856ee5",
+        "filepath": "src/pages/installation/zeit-next-js.mdx",
+        "link": "https://github.com/AryanJ-NYC/reactandtypescript.dev/edit/master/src/pages/installation/zeit-next-js.mdx",
+        "slug": "src-pages-installation-zeit-next-js",
+        "headings": [
+          {
+            "slug": "zeit-nextjs",
+            "depth": 1,
+            "value": "Zeit Next.js"
+          }
+        ]
+      }
     }
   ]
 }

.docz/app/imports.js

@@ -11,4 +11,8 @@ export const imports = {
     import(
       /* webpackPrefetch: true, webpackChunkName: "src-pages-installation-create-react-app" */ 'src/pages/installation/create-react-app.mdx'
     ),
+  'src/pages/installation/zeit-next-js.mdx': () =>
+    import(
+      /* webpackPrefetch: true, webpackChunkName: "src-pages-installation-zeit-next-js" */ 'src/pages/installation/zeit-next-js.mdx'
+    ),
 }

src/pages/installation/zeit-next-js.mdx

@@ -0,0 +1,73 @@
+---
+name: Zeit Next.js
+route: /installation/zeit-next-js
+menu: Installation
+---
+
+# Zeit Next.js
+
+For additional details, please refer to [Next.js + Typescript documentation](https://github.com/zeit/next-plugins/tree/master/packages/next-typescript).
+
+1\. In an existing, Zeit.js project, install `@zeit/next-typescript`:
+
+```
+npm install --save @zeit/next-typescript
+```
+
+or
+
+```
+yarn add @zeit/next-typescript
+```
+
+2\. Create or edit `next.config.js`:
+
+```js
+// new next.config.js
+const withTypescript = require('@zeit/next-typescript');
+module.exports = withTypescript();
+```
+
+or
+
+```js
+// existing next.config.js
+const withTypescript = require('@zeit/next-typescript');
+module.exports = withTypescript({
+  webpack(config, options) {
+    return config;
+  },
+});
+```
+
+3\. Create or edit `.babelrc`:
+
+```json
+{
+  "presets": ["next/babel", "@zeit/next-typescript/babel"]
+}
+```
+
+4\. Create a [`tsconfig.json`](https://www.typescriptlang.org/docs/handbook/tsconfig-json.html) in the root of your project:
+
+```json
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "allowSyntheticDefaultImports": true,
+    "jsx": "preserve",
+    "lib": ["dom", "es2017"],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "preserveConstEnums": true,
+    "removeComments": false,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "target": "esnext"
+  }
+}
+```