ATS Practices Spring 2021 Final Project Exhibition

Setup

Install dependencies:

npm install --global yarn
yarn install

Development

yarn dev

Adding Content

Create directories and pages inside of /content/en/

Might be to create a folder for each page to keep associated media organized.

Post Types

Like in Wordpress, we can define different templates for our content.

These are defined in /theme/src/content_templates

To create a new post type, clone the /theme/src/content_templates/post.vue file.

To specify a different post type for content, add post: your_post_type (without the .vue extension) to the front matter of the markdown.

Static Generation

This will create the dist/ directory for publishing to static hosting:

yarn generate

To preview the static generated app, run yarn start

For detailed explanation on how things work, checkout nuxt/content and @nuxt/content theme docs.