https://github.com/pipinghotdev/nuxt-netlify-cms-starter

NuxtJS + Netlify CMS blog starter project
https://github.com/pipinghotdev/nuxt-netlify-cms-starter

blog markdown netlify netlify-cms nuxt vue

Last synced: about 2 months ago
JSON representation

NuxtJS + Netlify CMS blog starter project

• Host: GitHub
• URL: https://github.com/pipinghotdev/nuxt-netlify-cms-starter
• Owner: pipinghotdev
• Created: 2019-06-03T19:51:18.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2022-12-10T18:06:21.000Z (almost 2 years ago)
• Last Synced: 2024-07-03T06:32:00.047Z (3 months ago)
• Topics: blog, markdown, netlify, netlify-cms, nuxt, vue
• Language: Vue
• Homepage:
• Size: 1.18 MB
• Stars: 35
• Watchers: 1
• Forks: 30
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# NuxtJS Netlify CMS Starter

> Netlify CMS starter based on the [Code Tribe](https://code-tribe.com) blog.

## Build Setup

``` bash

# 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](https://netlify.com) 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](https://www.netlify.com/docs/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](https://www.netlifycms.org/docs/intro/) 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](https://nuxtjs.org).