More Premium Hugo Themes Premium Nuxt Themes

Nuxt Static Skeleton

Skeleton Nuxt Blog using Nuxt-Content, Netlify CMS, and a few addl features

Nuxt Static Skeleton

Skeleton Nuxt Blog using Nuxt-Content, Netlify CMS, and a few addl features

Author Avatar Theme by gms64
Github Stars Github Stars: 21
Last Commit Last Commit: Aug 18, 2020 -
First Commit Created: Dec 18, 2023 -
Nuxt Static Skeleton screenshot

Overview

The Nuxt Static Skeleton project is a blog creation template that utilizes Nuxt-Content and Netlify CMS. It provides a set of pre-designed pages, such as the home page, about page, contact page, and blog post list page. The template includes features like pagination for blog posts, Google Fonts integration, flexible grid layout, Google Analytics integration, Netlify CMS for in-browser editing, an interactive editor, SEO control, sitemap generation, and a contact form. The template can be set up by forking the repository, installing dependencies, configuring GitHub and Netlify, and customizing the layout and content.

Features

  • Home Page (custom)
  • Nuxt-Content powered pages: About Page (markdown) and Contact Page (markdown)
  • Blog Post List Page(s) with pagination
  • Blog Post Single Page
  • Google Fonts integration
  • Flexbox Grid
  • Modified Skeleton CSS
  • Google Analytics integration
  • Netlify CMS for in-browser editing
  • Interactive Editor from nuxt-content during local development
  • SEO Title / Description separation for better SEO control
  • Sitemap Generation via Netlify
  • Contact form via Netlify

Installation

To set up your own blog using the Nuxt Static Skeleton as a template, follow these steps:

  1. Fork the Repository
  2. Run npm install to install the current dependencies
  3. Optional: Run npm run dev to start a local development server
  4. Create a new empty repository on GitHub
  5. Run git init to initiate a new project
  6. Add a remote connection (use the URL provided by GitHub): git remote add origin [your-github-url]
  7. Add all files to the project: git add . and git add .env
  8. Commit files with: git commit -m '[your-message]'
  9. Push files to GitHub: git push -u origin master
  10. Sign up for Netlify and link your GitHub account
  11. In Netlify options, define the build command as: npm run generate and publish directory as: dist
  12. Enable Identity in Netlify Settings and configure GitHub sign-in
  13. Configure Registration preferences as desired (recommended: ‘Invite Only’)

Summary

The Nuxt Static Skeleton is a template for creating a blog using Nuxt-Content and Netlify CMS. It provides pre-designed pages, pagination for blog posts, Google Fonts integration, flexible grid layout, Google Analytics integration, in-browser editing with Netlify CMS, an interactive editor during development, SEO control, sitemap generation, and a contact form. The template can be easily set up by forking the repository, installing dependencies, configuring GitHub and Netlify, and customizing the layout and content.