React Templates & Themes Logo React Templates & Themes
Awake Template screenshot

Awake Template

Author Avatar Theme by Danielkellyio
Updated: 11 Dec 2020
206 Stars

Github

Categories

Nuxt Vue Scss Netlifycms

Overview

Awake is a Nuxt.js template for generating a beautifully robust static site with blog. It offers a simple modern design based on the Bulma CSS framework, site search, statically generated API for posts and categories, Disqus powered comments, Mailchimp powered newsletter, and high customizability. It is built with performance in mind and comes with an isolated Netlify CMS driver for easily migrating between various headless CMS platforms. The template also automatically resizes images for various screens and provides srcsets. It is easy to deploy Awake on Netlify by simply clicking the “Deploy to Netlify” button and configuring it to fit your needs. Site configuration can be customized in the /config/_siteConfig.js file, and content can be edited in Netlify CMS. Local development is straightforward with the use of Node.js.

Features

  • Simple modern design based on the Bulma CSS framework
  • 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
  • Images automatically resized for various screens and given srcsets

Installation

To install the Awake theme, follow these steps:

  1. Click the “Deploy to Netlify” button.
  2. Configure the template to fit your needs as described below.

Deploy to Netlify

  1. Click the “Deploy to Netlify” button.
  2. Configure the template to fit your needs as described below.

Configuration

  1. Site configuration can be found in /config/_siteConfig.js.
  2. Customize site settings such as the site name, layout, Disqus and Mailchimp setup, image sizes, and more.
  3. Use environment variables to configure these settings directly from the Netlify interface if desired.
  4. For example, the setup for Google Analytics uses an environment variable as an example.

Editing Content

  1. Edit posts and categories in Netlify CMS at [your-site-url]/admin.
  2. New pages must be created in the code itself and committed to the repository.
  3. Ensure that Netlify Identity is set up with your user and “Git Gateway” is enabled in the Netlify admin before visiting the admin for the first time.

Local Development

To develop locally, follow these steps:

  1. Install Node.js.
  2. Clone the repository.
  3. Install the dependencies with npm install.
  4. Run npm run dev.

Summary

Awake is a Nuxt.js template that provides a simple and modern design based on the Bulma CSS framework. It offers various features such as site search, Disqus powered comments, and Mailchimp powered newsletter. The template is highly customizable, allowing users to configure site settings easily. It also includes an isolated Netlify CMS driver for migrating between different headless CMS platforms. Awake resizes images for different screens and provides srcsets. It can be easily deployed on Netlify and supports local development with Node.js.