[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"navigation":3,"/projects/portfolio-website":30,"/projects/portfolio-website-surround":94},[4],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Blog","/blog","blog",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Git vs GitHub","/blog/git-vs-github","blog/git-vs-github",{"title":14,"path":15,"stem":16},"What is technical debt?","/blog/technical-debt","blog/technical-debt",{"title":18,"path":19,"stem":20},"Tests are really IMPORTANT!","/blog/tests-are-really-important","blog/tests-are-really-important",{"title":22,"path":23,"stem":24},"What is Refactoring","/blog/what-is-refactoring","blog/what-is-refactoring",{"title":26,"path":27,"stem":28},"Why Fonts Matter","/blog/why-fonts-matter","blog/why-fonts-matter",false,{"id":31,"title":32,"app_store_links":33,"body":34,"challenge":46,"date":78,"description":35,"evolution":79,"extension":83,"future_roadmap":33,"image":36,"impact":33,"key_features":84,"links":33,"meta":85,"metrics":33,"navigation":86,"outcome":77,"overview":45,"path":87,"performance_metrics":88,"screenshots":33,"seo":89,"solution":47,"stem":90,"subtitle":33,"tags":91,"tech_stack":92,"thumb_image":33,"url":37,"__hash__":93},"projects/projects/portfolio-website.yml","Portfolio Website",null,{"title":32,"description":35,"image":36,"url":37,"tags":38,"date":44,"overview":45,"challenge":46,"solution":47,"evolution":48,"tech_stack":58,"key_features":65,"performance_metrics":73,"outcome":77},"My personal portfolio website built with Next.js and later evolved to Nuxt 3, showcasing projects, blog posts, and professional experience with a focus on performance and design.","/images/portfolio-website/homepage.png","https://michaelshobowale.com",[39,40,41,42,43],"Next.js","Nuxt.js","JAMstack","Vue.js","Content Management","2021","This portfolio website evolved through multiple iterations, starting with a Next.js implementation and later migrating to Nuxt 3. The site serves as both a showcase for my professional work and a platform for sharing technical insights through blog posts.\n","Creating a portfolio that effectively communicates technical expertise while being visually engaging presented several challenges. The site needed to be fast, SEO-friendly, easy to update, and accessible across all devices while maintaining visual consistency.\n","The current implementation uses Nuxt 3 with Nuxt Content for a markdown-driven architecture, allowing for easy content updates. The design leverages Nuxt UI components for consistency and follows atomic design principles for maintainability.\n",[49,52,55],{"stage":50,"description":51},"Initial Version (Next.js)","Built with Next.js and Stackbit for content management, focusing on JAMstack architecture for performance.",{"stage":53,"description":54},"Redesign & Optimization","Updated design language and improved performance metrics, particularly focusing on Core Web Vitals.",{"stage":56,"description":57},"Nuxt 3 Migration","Complete rewrite using Nuxt 3, Nuxt Content, and Nuxt UI for improved developer experience and performance.",[59,60,61,62,42,63,64],"Next.js (initial version)","Nuxt 3 (current version)","Nuxt Content","Nuxt UI","Tailwind CSS","Markdown/YAML for content",[66,67,68,69,70,71,72],"Dark/light mode support","Responsive design","Blog section with code syntax highlighting","Project showcase with detailed case studies","Performance optimization with static generation","Content-driven architecture","SEO optimization",[74,75,76],"97+ Google Lighthouse score","Sub-second load times","Optimized Core Web Vitals","The portfolio has successfully served as a professional showcase and content platform, helping to secure client work and demonstrate technical capabilities. The evolution to Nuxt 3 has improved both performance and maintainability, making content updates seamless.\n","2021-01-01T00:00:00.000Z",[80,81,82],{"stage":50,"description":51},{"stage":53,"description":54},{"stage":56,"description":57},"yml",[66,67,68,69,70,71,72],{},true,"/projects/portfolio-website",[74,75,76],{"title":32,"description":35},"projects/portfolio-website",[39,40,41,42,43],[59,60,61,62,42,63,64],"HlSiO2JWqncjnVnG7KBJLjlQED5luXB2obchLvuy6o0",[95,100],{"title":96,"path":97,"stem":98,"description":99,"children":-1},"Invoice Generator App","/projects/invoice-generator-app","projects/invoice-generator-app","A cross-platform mobile application for freelancers and small businesses to create, customize and share professional invoices as PDFs, all without requiring an internet connection.",{"title":101,"path":102,"stem":103,"description":104,"children":-1},"Xchangr App","/projects/xchangr-app","projects/xchangr-app","A mobile application connecting Nigerian students in North Cyprus with trusted currency exchangers, featuring city-based filtering and easy registration for new exchangers.",1787065839696]