diff --git a/examples/no-ssr/README.md b/examples/no-ssr/README.md
new file mode 100644
index 0000000000..d64ba5270a
--- /dev/null
+++ b/examples/no-ssr/README.md
@@ -0,0 +1,3 @@
+# Hello World with Nuxt.js
+
+https://nuxtjs.org/examples
diff --git a/examples/no-ssr/package.json b/examples/no-ssr/package.json
new file mode 100644
index 0000000000..9e2167e845
--- /dev/null
+++ b/examples/no-ssr/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "no-ssr-cmp-nuxt",
+  "dependencies": {
+    "nuxt": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}
diff --git a/examples/no-ssr/pages/index.vue b/examples/no-ssr/pages/index.vue
new file mode 100755
index 0000000000..b36a31faa3
--- /dev/null
+++ b/examples/no-ssr/pages/index.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="page">
+    <h1>Home</h1>
+    <no-ssr placeholder="Loading...">
+      <h2>This part is rendered on the client-side only</h2>
+    </no-ssr>
+    <no-ssr>
+      <p><code>placeholder</code> prop is optional</p>
+    </no-ssr>
+  </div>
+</template>
+
+<style scoped>
+.no-ssr-placeholder {
+  color: #41b883;
+}
+</style>