Initial commit

.gitignore

@@ -0,0 +1,2 @@
+.nuxt
+node_modules

README.md

@@ -0,0 +1,17 @@
+# Nuxt Brotli Example
+
+Hey people! I've published this little `Brotli` example together with my
+[blog post](https://blog.lichter.io/posts/nuxtjs-on-brotli) about
+how to set up `Brotli` with Nuxt.js
+
+## Installation
+
+1. Clone the repo
+2. `npm i`
+3. `npm run build && npm run start`
+4. Open Chrome and check if it worked
+
+
+## Questions?
+
+Submit an issue here or contact me through other channels :relaxed:

layouts/default.vue

@@ -0,0 +1,53 @@
+<template>
+  <div>
+    <nuxt/>
+  </div>
+</template>
+
+<style>
+  html
+  {
+    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    font-size: 16px;
+    word-spacing: 1px;
+    -ms-text-size-adjust: 100%;
+    -webkit-text-size-adjust: 100%;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    box-sizing: border-box;
+  }
+  *, *:before, *:after
+  {
+    box-sizing: border-box;
+    margin: 0;
+  }
+  .button--green
+  {
+    display: inline-block;
+    border-radius: 4px;
+    border: 1px solid #3b8070;
+    color: #3b8070;
+    text-decoration: none;
+    padding: 10px 30px;
+  }
+  .button--green:hover
+  {
+    color: #fff;
+    background-color: #3b8070;
+  }
+  .button--grey
+  {
+    display: inline-block;
+    border-radius: 4px;
+    border: 1px solid #35495e;
+    color: #35495e;
+    text-decoration: none;
+    padding: 10px 30px;
+    margin-left: 15px;
+  }
+  .button--grey:hover
+  {
+    color: #fff;
+    background-color: #35495e;
+  }
+</style>

nuxt.config.js

@@ -0,0 +1,17 @@
+import shrinkRay from 'shrink-ray-current'
+
+export default {
+  modules: ['@nuxtjs/axios'],
+  render: {
+    compressor: shrinkRay(),
+
+  },
+  axios: {
+    prefix: '/api/',
+    proxy: true,
+  },
+
+  proxy: {
+    '/api/': { target: 'https://api.blog.lichter.io', pathRewrite: { '^/api/': '' } }
+  },
+}