c8r · jxnblk · Jul 14, 2018
diff --git a/examples/custom-template/README.md b/examples/custom-template/README.md
@@ -0,0 +1,20 @@
+
+# x0 custom template example
+
+```sh
+npm install
+```
+
+## Dev Server
+
+```sh
+npm start
+```
+
+Editing `src/index.js` will live update in the development server.
+
+## Static Build
+
+```sh
+npm run build
+```
diff --git a/examples/custom-template/package.json b/examples/custom-template/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "x0-custom-template-example",
+  "private": true,
+  "scripts": {
+    "start": "x0 src -o",
+    "build": "x0 build src"
+  },
+  "dependencies": {
+    "@compositor/x0": "^5.0.0"
+  },
+  "x0": {
+    "template": "./template.js"
+  }
+}
diff --git a/examples/custom-template/src/index.js b/examples/custom-template/src/index.js
@@ -0,0 +1,7 @@
+import React from 'react'
+
+const App = props => (
+  <h1>Hello</h1>
+)
+
+export default App
diff --git a/examples/custom-template/template.js b/examples/custom-template/template.js
@@ -0,0 +1,17 @@
+module.exports = ({
+  html = '',
+  css = '',
+  scripts,
+  meta = [],
+  links = [],
+}) =>
+`<!DOCTYPE html>
+<head>
+  <meta charset='utf-8'>
+  <meta name='viewport' content='width=device-width,initial-scale=1'>
+  <title>x0 Custom Template</title>
+  ${css}
+</head>
+<div id=root>${html}</div>
+${scripts}
+`