Skip to content

system76/blog

Repository files navigation

System76 Blog

The blog website is powered by NuxtJS using Prismic as a CMS, and tailwindcss for styles.

Adding / Editing Content

All content is edited in Prismic. When this site builds, it downloads all of the content and renders it in a beautiful website.

Adding CMS Components

To make blog posts pop, we allow content editors to use custom Vue components via Slice Machine. Simply run npm run slicemachine to start the Slice Machine interface. You will also want to start Storybook via npm run storybook for testing and screenshots.

Deployments

Prismic sends webhooks to GitHub actions every time content changes. This will trigger Nuxt to rebuild the site. This also occurs when code gets pushed to the master branch.