Example: Add asset imports example (#2864)

examples/with-asset-imports/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": ["next/babel"],
+  "plugins": [
+    [
+      "transform-assets-import-to-string",
+      {
+        "baseDir": "static",
+        "baseUri": "/"
+      }
+    ]
+  ]
+}

examples/with-asset-imports/README.md

@@ -0,0 +1,39 @@
+# Example app with asset 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-asset-imports
+cd with-asset-imports
+```
+
+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 enable the impors of assets (images, videos, etc.) and get a URL pointing to `/static`.
+
+This is also configurable to point to a CDN changing the `baseUri` to the CDN domain, something similar to this:
+
+```json
+[
+  "transform-assets-import-to-string",
+  {
+    "baseDir": "/static",
+    "baseUri": "https://cdn.domain.com"
+  }
+]
+```

examples/with-asset-imports/package.json

@@ -0,0 +1,13 @@
+{
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "babel-plugin-transform-assets-import-to-string": "^1.0.1",
+    "next": "^3.0.6",
+    "react": "^15.6.1",
+    "react-dom": "^15.6.1"
+  }
+}

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

@@ -0,0 +1,4 @@
+import avatar from '../static/logo.png'
+
+export default () =>
+  <img src={avatar} />