Skip to content
NuxtJS + Netlify CMS blog starter project
Vue JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 642e5b2 Jun 7, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets Init template Jun 3, 2019
components Updated Readme, added share-this and default icon in ArticleCard Jun 7, 2019
content
layouts Init template Jun 3, 2019
pages Updated Readme, added share-this and default icon in ArticleCard Jun 7, 2019
plugins Init template Jun 3, 2019
static Example post and other updates Jun 5, 2019
.babelrc Init template Jun 3, 2019
.editorconfig
.eslintrc.js Init template Jun 3, 2019
.gitignore Init template Jun 3, 2019
.prettierrc Init template Jun 3, 2019
README.md Update README.md Jun 7, 2019
jest.config.js Init template Jun 3, 2019
nuxt.config.js Init template Jun 3, 2019
package.json Updated Readme, added share-this and default icon in ArticleCard Jun 7, 2019
yarn.lock Updated Readme, added share-this and default icon in ArticleCard Jun 7, 2019

README.md

NuxtJS Netlify CMS Starter

Netlify CMS starter based on the Code Tribe blog.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn run dev

# generate blog
$ yarn run generate

Quick Start

  1. Clone or fork this repository.
  2. Set up your Netlify account.
  3. Sync Netlify with your own repository to automatically deploy when you write a new post.
  4. yarn dev or npm run dev for local development (available at http://localhost:3000).
  5. Deploy, write some posts and profit!

Access your Netlify CMS admin dashboard at localhost:3000/admin. By default, the project assumes you want to use Netlify Identity. If you don't wish to use this, modify the static/admin/index.html file.

Configuration

Netlify CMS configuration is stored in static/admin/config.yml. See the Netlify CMS docs for more info.

Blog posts will be stored in the content/blog folder.

Features

Features include:

  • Full SEO support for blog posts.
  • Lazy-load images.
  • robots.txt to disallow admin routes.
  • Automatic sitemap generation of your homepage and blog posts.
  • Font Awesome imports (see nuxt.config.js to add more).
  • Google font loading.
  • PrismJS syntax highlighting.
  • Medium-like social sharing.
  • Page transitions.
  • And of course, full page HTML rendering for deployment on Netlify!

NuxtJS

For detailed explanation on how things work, checkout Nuxt.js docs.

You can’t perform that action at this time.