1438585 - Set up/automate build process for Mozilla design system site

Status: RESOLVED FIXED

(www.mozilla.org :: Pages & Content, enhancement)

Description

[Craig Cook (:craigcook)]

We're making a design system! It will live on the web and the site is based on a Node static site generator called Drizzle (which is itself based on one called Fabricator). Templates are built in handlebars and/or markdown then converted into HTML for distribution.

We need to do a bit of work to automate the build process and deploy to a server, likely via circleci or something like that, and this is where I hit the end of my skillset.

We also need to decide on a home for this. It could be hosted on github pages or AWS (in which case we'll also need a domain or subdomain).

For the moment the repo I'm working in is https://github.com/craigcook/design-system and I've been building locally (with gulp) and manually deploying to github pages https://craigcook.github.io/design-system/. As part of this we should also move the repo to an official home in the Mozilla org and make sure the appropriate group of folks have access.

Comment 1

[Eric Renaud [:erenaud]]

Craig - can you update status on this please?

Comment 2

[Craig Cook (:craigcook)]

pmac set us up with Netlify and an automatic build triggered whenever a commit is added to master. For now the site lives at https://moz-web-design-system.netlify.com/ but we can eventually map that to a proper domain (pending a proper name).