[{"data":1,"prerenderedAt":152},["ShallowReactive",2],{"tag-aws":3},[4],{"_path":5,"_dir":6,"_draft":7,"_partial":7,"_locale":8,"title":9,"description":8,"card_image":10,"tags":11,"featured":22,"body":23,"_type":145,"_id":146,"_source":147,"_file":148,"_stem":149,"_extension":150,"sitemap":151},"/project/zenmuseum","project",false,"","Zenmuseum","https://images.zenmuseum.com/684/picture.jpg",[12,13,14,15,16,17,18,19,20,21],"Nextjs","SSG/SSR","Tinacms","Sendgrid","SEO","Cloudflare","AWS","Google Search Console","Vercel","TS",true,{"type":24,"children":25,"toc":141},"root",[26,34,38,44,54,61],{"type":27,"tag":28,"props":29,"children":31},"element","h1",{"id":30},"zenmuseum",[32],{"type":33,"value":9},"text",{"type":27,"tag":35,"props":36,"children":37},"tags",{},[],{"type":27,"tag":39,"props":40,"children":41},"p",{},[42],{"type":33,"value":43},"A custom-made website for showcasing my art. Made for performance and to optimally showcase, and sell, my art.",{"type":27,"tag":45,"props":46,"children":48},"link-button",{"href":47},"https://www.zenmuseum.com",[49],{"type":27,"tag":39,"props":50,"children":51},{},[52],{"type":33,"value":53},"You can find it here",{"type":27,"tag":55,"props":56,"children":58},"h2",{"id":57},"technical-aspects",[59],{"type":33,"value":60},"Technical aspects",{"type":27,"tag":62,"props":63,"children":64},"ul",{},[65,77,87,95,105,113,121,131],{"type":27,"tag":66,"props":67,"children":68},"li",{},[69,75],{"type":27,"tag":70,"props":71,"children":72},"strong",{},[73],{"type":33,"value":74},"Created with nextjs:",{"type":33,"value":76}," I've mostly used Vue or Nuxt in frontend projects of my job, so I like using different frameworks in my personal projects to be able to better compare and understand them. For instance, the next/image module is much more mature and easy to use than the nuxt equivalent",{"type":27,"tag":66,"props":78,"children":79},{},[80,85],{"type":27,"tag":70,"props":81,"children":82},{},[83],{"type":33,"value":84},"Using TinaCMS to manage content:",{"type":33,"value":86}," Tinacms is a headless CMS that can be used entirely locally. Only recently have I decided to use the cloud options to take advantage of a server-side rendered search page to increase performance.",{"type":27,"tag":66,"props":88,"children":89},{},[90],{"type":27,"tag":70,"props":91,"children":92},{},[93],{"type":33,"value":94},"Using Sendgrid for sending emails",{"type":27,"tag":66,"props":96,"children":97},{},[98,103],{"type":27,"tag":70,"props":99,"children":100},{},[101],{"type":33,"value":102},"SEO/performance focus:",{"type":33,"value":104}," I want people to see my art. Of course, I also want to show my art in the best way possible, but to be able to get people to visit the site I put a lot of effort into SEO and performance.",{"type":27,"tag":66,"props":106,"children":107},{},[108],{"type":27,"tag":70,"props":109,"children":110},{},[111],{"type":33,"value":112},"Cloudflare for caching images",{"type":27,"tag":66,"props":114,"children":115},{},[116],{"type":27,"tag":70,"props":117,"children":118},{},[119],{"type":33,"value":120},"AWS S3 for image storage",{"type":27,"tag":66,"props":122,"children":123},{},[124,129],{"type":27,"tag":70,"props":125,"children":126},{},[127],{"type":33,"value":128},"Google Search Console:",{"type":33,"value":130}," Used for just that, keeping track of the Google search performance",{"type":27,"tag":66,"props":132,"children":133},{},[134,139],{"type":27,"tag":70,"props":135,"children":136},{},[137],{"type":33,"value":138},"Vercel for hosting:",{"type":33,"value":140}," Vercel is a quick and easy option to get something hosted for free.",{"title":8,"searchDepth":142,"depth":142,"links":143},2,[144],{"id":57,"depth":142,"text":60},"markdown","content:project:zenmuseum.md","content","project/zenmuseum.md","project/zenmuseum","md",{"loc":5},1737552097199]