/awake-template

Primary LanguageVueMIT LicenseMIT

Awake is a Nuxt.js template for generating a beautifully robust static site with blog.

Features

  • Simple modern design based on the Bulma css framework (with unused css purged via purgecss)
  • Site search
  • Statically generated API for posts and categories
  • Disqus powered comments
  • Mailchimp powered newsletter
  • Highly customizable with out of the box configurations
  • Built with performance in mind
  • Isolated Netlify CMS driver (with more CMS drivers planned for future) for easily migrating between various headless cms'
  • Images automatically resized for various screens and given srcsets

Use Awake on Netlify

Simply click the "Deploy to Netlify" button and then configure it to fit your needs as described below.

Deploy to Netlify

Configuration

Site configuration is found in /config/_siteConfig.js. Here you can customize site settings such as the site name, layout, disqus and mailchimp setup, image sizes and more. Any of these can be setup to use environment variables if you so desire, in order to be able to configure them directly from the Netlify interface. See the setup for google analytics which already uses an environment variable as an example of this.

googleAnalytics: {
    on: true,
    id: process.env.GOOGLE_ANALYTICS_ID
},

Editing Content

Posts and categories can be edited in Netlify CMS at [your-site-url]/admin. At this time any new pages must be created in the code itself and committed to the repo. Before you visit the admin for the first time, make sure you have Netlify Identity setup with your user and make sure "Git Gateway" is enabled via the Identity Settings page in the Netlify admin.

Local Development

Since all content is store in the git repo with Netlify CMS, local development is a breeze. Simply install node, pull down the repo, install the dependencies with npm install, and run npm run dev.