diff --git a/app/App.vue b/app/App.vue
index 9ac1e1d..cc0e43b 100644
--- a/app/App.vue
+++ b/app/App.vue
@@ -1,5 +1,4 @@
-<template>
-	<div class="rsvp-app" role="application">
-		<router-view></router-view>
-	</div>
+<template lang="pug">
+  div(role="application")
+    router-view
 </template>
diff --git a/app/views/dashboardView.vue b/app/views/dashboardView.vue
index 135afe0..034c6c5 100644
--- a/app/views/dashboardView.vue
+++ b/app/views/dashboardView.vue
@@ -1,3 +1,4 @@
-<template>
-  <div><p>Hello world 2</p></div>
+<template lang="pug">
+  div
+    p {{ 'Hello world 2' }}
 </template>
diff --git a/app/views/publicView.vue b/app/views/publicView.vue
index 30d3ba7..2567aa6 100644
--- a/app/views/publicView.vue
+++ b/app/views/publicView.vue
@@ -1,5 +1,4 @@
-<template>
-  <div>
-    <p>Hello world</p>
-  </div>
+<template lang="pug">
+  div
+    p {{ 'Hello world' }}
 </template>
diff --git a/index.html b/index.html
deleted file mode 100644
index a3500ba..0000000
--- a/index.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <title>RSVP</title>
-    <meta name="mobile-web-app-capable" content="yes">
-    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-  </head>
-  <body>
-    <div role="application"></div>
-
-    <script src="dist/commons.bundle.js"></script>
-    <script src="dist/app.bundle.js"></script>
-  </body>
-</html>
diff --git a/index.pug b/index.pug
new file mode 100644
index 0000000..314c4ae
--- /dev/null
+++ b/index.pug
@@ -0,0 +1,13 @@
+doctype
+html
+  head
+    title RSVP
+    meta(charset="utf-8")
+    meta(http-equiv="X-UA-Compatible", content="IE=edge,chrome=1")
+    meta(name="viewport", content="width=device-width,initial-scale=1.0")
+
+  body
+    div(role="application")
+
+      script(src="./commons.bundle.js")
+      script(src="./app.bundle.js")
diff --git a/package.json b/package.json
index bb21803..4c1bb0d 100644
--- a/package.json
+++ b/package.json
@@ -17,8 +17,8 @@
     }
   },
   "scripts": {
-    "build:prod": "cross-env NODE_ENV=production webpack -p",
-    "build:dev": "cross-env NODE_ENV=development webpack",
+    "build:prod": "cross-env NODE_ENV=production webpack -p && pug --out dist/ index.pug",
+    "build:dev": "cross-env NODE_ENV=development webpack && pug --pretty --out dist/ index.pug",
     "lint": "standard 'app/**/*.js' 'webpack.config.js'",
     "clean": "rimraf dist/*"
   },
@@ -38,6 +38,9 @@
     "cross-env": "^3.1.3",
     "css-loader": "^0.25.0",
     "debug-loader": "0.0.1",
+    "pug": "^2.0.0-beta6",
+    "pug-cli": "^1.0.0-alpha6",
+    "pug-loader": "^2.3.0",
     "rimraf": "^2.5.4",
     "standard": "^8.5.0",
     "vue-loader": "^9.7.0",
