ARCHIVED PERSONAL SITE

ARCHIVED
Powered by NuxtJS, Vue.js & Tailwind CSS
Deployed with Vercel

Tutorials

The following tutorials were especially useful:

• Integrate Contentful with Nuxt.js by Contentful
• Create a Blog with Contentful and Nuxt by Sarah Drasner (@sdras)
• How I Migrated to JAMStack: Next.JS, Vercel, and Contentful., by Cole Turner.
• How to Use Markdown-It with Highlight.js in a Nuxt Project
• Adding RSS feed to my Nuxt & Storyblok blog

Contentful Environment Variables

Copy the example .env and adjust the values for your contentful space.

cp .env.example .env

The Space is in the URL and in the API Keys menu. The access token is in "Settings > Space Settings > API Keys". Use the Content Delivery API - access token.

CONTENTFUL_SPACE=a234df8dflj3
CONTENTFUL_ACCESSTOKEN=asdflkj139e0909812ijaodjfioiuiosifjoewij1UR
CONTENTFUL_ENVIRONMENT=main

Contentful Schema

TBD

Need to look at how to put this in version control.

Calendar Versioning

This project adheres to Calendar Versioning, YYYY.MINOR.MICRO.

Static Code Analysis - Command Line

1. edit the .eslintrc.json file and add your favorites rules from eslint, and vue.
2. run yarn lint:check to see static analysis result
3. run yarn lint:fix to fix errors found by eslint

Static Code Analysis - Visual Studio Code

As mentioned before, in order to lint your Javascript code in *.vue Single File Components with vscode you'll need to install ESLint and Vetur extensions for the editor.

Use the links above to install the extensions, or follow the steps below:

1. Open your vscode, type CTRL + SHIFT + X
2. Search for ESLint
3. Select and install the extension
4. Do same thing for Vetur extension

Useful links

• NuxtJS docs
• ESLint docs
• ESLint rules
• Vue rules
• ESLint extension for vscode
• Vetur extension for vscode

Attribution

See Authors.md