[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"project-getty":3},{"id":4,"title":5,"body":6,"description":16,"extension":93,"meta":94,"navigation":99,"path":100,"seo":101,"stem":102,"__hash__":103},"content/works/getty.md","Getty",{"type":7,"value":8,"toc":87},"minimark",[9,13,17,20,25,66,70],[10,11,5],"h1",{"id":12},"getty",[14,15,16],"p",{},"The main Getty.edu site went through a complete rework and resign process which was done in collaboration with a 3rd party vendor. Since then, we've had to make improvements to the design system and how our code interacts and uses it. The design system uses it's own grid based system and followed the BEM styling guide to try to catagorize the various components into more easily accessible design pattern (atom, molecule, organism, etc).",[14,18,19],{},"The design system was built out using Vue.js. The main site is powered by Nuxt.js and we have a suite of tools we use to help power the workflow. We've adapted to using Storybook to help visual the components, Chromatic to visual difference test, CircleCI to run the unit & end-to-end tests and ensure they validate before publishing the code to Netlify, where our site is currently being hosted; we are in the process of migrating to our own internal deployment pipeline to AWS.",[21,22,24],"h2",{"id":23},"technologies-used","Technologies Used",[26,27,28,36,42,48,54,60],"ul",{},[29,30,31,35],"li",{},[32,33,34],"strong",{},"Frontend",": Vue.js, Nuxt.js",[29,37,38,41],{},[32,39,40],{},"Design System",": BEM methodology, Atomic design principles",[29,43,44,47],{},[32,45,46],{},"Testing",": Storybook, Chromatic, Jest, Cypress",[29,49,50,53],{},[32,51,52],{},"CI/CD",": CircleCI",[29,55,56,59],{},[32,57,58],{},"Hosting",": Netlify (migrating to AWS)",[29,61,62,65],{},[32,63,64],{},"Workflow Tools",": Storybook, Chromatic",[21,67,69],{"id":68},"key-features","Key Features",[26,71,72,75,78,81,84],{},[29,73,74],{},"Comprehensive design system with atomic components",[29,76,77],{},"Automated testing and visual regression testing",[29,79,80],{},"Continuous integration and deployment pipeline",[29,82,83],{},"Responsive design across all devices",[29,85,86],{},"Accessibility compliance",{"title":88,"searchDepth":89,"depth":89,"links":90},"",2,[91,92],{"id":23,"depth":89,"text":24},{"id":68,"depth":89,"text":69},"md",{"name":5,"slug":12,"site":95,"logo":96},"https://www.getty.edu",{"url":97,"alt":98},"/assets/img/getty.png","Getty logo",true,"/works/getty",{"title":5,"description":16},"works/getty","FqOajGV664bHHZFeS7Ms4ps70OaWiFmBnMmu0-Jd6D0",1750804132258]