nuxt-community/nuxtent-module

Name: nuxtent-module

Owner: Nuxt Community

Description: Seamlessly use content files in your Nuxt.js sites.

Created: 2017-06-21 07:34:05.0

Updated: 2018-05-24 10:51:45.0

Pushed: 2018-05-10 18:15:34.0

Homepage: https://nuxtent.now.sh/

Size: 1033

Language: JavaScript

GitHub Committers

UserMost Recent Commit# Commits

Other Committers

UserEmailMost Recent Commit# Commits

README



Nuxtent

Seamlessly use content files in your Nuxt.js sites.

https://nuxtent.now.sh/

? Release Notes

I unfortunately don't use this module anymore (interests changed), so I'm hoping that people that do use it can step up as maintainers / contributors. Please join Nuxtent's slack channel and DM me if interested.

Summary

The goal of Nuxtent is to make using Nuxt for content heavy sites as easy as using Jekyll, Hugo, or any other static site generator.

Nuxtent mainly does this in two ways:

  1. By compiling all the data from markdown or yaml files based on configured rules.
  2. By providing helpers for dynamically accessing this data inside Nuxt pages.

But, we didn't just want to make Nuxtent as good as a static site generator?we wanted to make it better.

So, along with that, Nuxtent also supports:

  1. The usage of content files in both static sites and dynamic applications.
  2. The usage of Vue components inside markdown files.
  3. Automatic content navigation, between pages via path and within pages via anchors.

There you go: five reasons to give Nuxtent a try, and maybe even star and share it. :smirk:

Simple yet flexible API

Nuxtent was created to integrate with Nuxt (otherwise, you're just building another Jekyll-like tool, with the same amount of mental overhead).

Nuxtent's API is simple yet flexible. All you have to do is 1) configure the content and 2) fetch the files with the $content helper inside the asyncData method that is available in Nuxt pages.

Here's a basic example:

uxtent.config.js
le.exports = {
ntent: {
page: '/_post',
permalink: ':year/:slug'



ages/_post.vue
rt default {
yncData: async ({ app, route }) => ({
post: app.$content('posts').get(route.path)


Quick Start

If you're starting a new site, you can use the nuxtent-starter template.

e init nuxt-community/nuxtent-template my-site
 my-site
stall dependencies
m install # Or yarn install
Installation
install nuxtent --save

Then, under nuxt.config.js install the module:

les: [
nuxtent'

Documentation

Documentation available at: https://nuxtent.now.sh/ (built with Nuxtent).

Sites built with Nuxtent

Have a site using Nuxtent? Fork the repo and add it to the list below!

Personal Sites
Documentation Sites
License

MIT License

Copyright (c) 2017 Nuxt Community


This work is supported by the National Institutes of Health's National Center for Advancing Translational Sciences, Grant Number U24TR002306. This work is solely the responsibility of the creators and does not necessarily represent the official views of the National Institutes of Health.