Example: with absolute imports (#2863)

* Add with-absolute-imports example

* Fix examples repo urls to point to master instead of v3-beta

examples/with-absolute-imports/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": "next/babel",
+  "plugins": [
+    [
+      "module-resolver",
+      {
+        "root": ["./"],
+        "alias": {
+          "components": "./components"
+        }
+      }
+    ]
+  ]
+}

examples/with-absolute-imports/README.md

@@ -0,0 +1,27 @@
+# Example app with absolute imports
+
+## How to use
+
+Download the example [or clone the repo](https://github.com/zeit/next.js):
+
+```bash
+curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-absolute-import
+cd with-absolute-import
+```
+
+Install it and run:
+
+```bash
+npm install
+npm run dev
+```
+
+Deploy it to the cloud with [now](https://zeit.co/now) ([download](https://zeit.co/download))
+
+```bash
+now
+```
+
+## The idea behind the example
+
+This example shows how to configure Babel to have absolute imports instead of relative imports without modifying the Webpack configuration.

examples/with-absolute-imports/components/header.js

@@ -0,0 +1,5 @@
+export default () => (
+  <header>
+    <h1>Hello world!</h1>
+  </header>
+)

examples/with-absolute-imports/package.json

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "babel-plugin-module-resolver": "^2.7.1",
+    "next": "^3.0.6",
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1"
+  }
+}

examples/with-absolute-imports/pages/index.js

@@ -0,0 +1,7 @@
+import Header from 'components/header.js'
+
+export default () => (
+  <div>
+    <Header />
+  </div>
+)

examples/with-apollo-auth/README.md

@@ -10,7 +10,7 @@ https://next-with-apollo-auth.now.sh
 Download the example [or clone the repo](https://github.com/zeit/next.js):
 
 ```bash
-curl https://codeload.github.com/zeit/next.js/tar.gz/v3-beta | tar -xz --strip=2 next.js-3-beta/examples/with-apollo-auth
+curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-apollo-auth
 cd with-apollo-auth
 ```
 

examples/with-dynamic-import/README.md

@@ -5,7 +5,7 @@
 Download the example [or clone the repo](https://github.com/zeit/next.js):
 
 ```bash
-curl https://codeload.github.com/zeit/next.js/tar.gz/v3-beta | tar -xz --strip=2 next.js-3-beta/examples/with-dynamic-import
+curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-dynamic-import
 cd with-dynamic-import
 ```