[{"data":1,"prerenderedAt":151},["ShallowReactive",2],{"project-zenmuseum":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":7,"card_image":9,"tags":10,"featured":21,"body":22,"_type":144,"_id":145,"_source":146,"_file":147,"_stem":148,"_extension":149,"sitemap":150},"/project/zenmuseum","project",false,"","Zenmuseum","https://images.zenmuseum.com/684/picture.jpg",[11,12,13,14,15,16,17,18,19,20],"Nextjs","SSG/SSR","Tinacms","Sendgrid","SEO","Cloudflare","AWS","Google Search Console","Vercel","TS",true,{"type":23,"children":24,"toc":140},"root",[25,33,37,43,53,60],{"type":26,"tag":27,"props":28,"children":30},"element","h1",{"id":29},"zenmuseum",[31],{"type":32,"value":8},"text",{"type":26,"tag":34,"props":35,"children":36},"tags",{},[],{"type":26,"tag":38,"props":39,"children":40},"p",{},[41],{"type":32,"value":42},"A custom-made website for showcasing my art. Made for performance and to optimally showcase, and sell, my art.",{"type":26,"tag":44,"props":45,"children":47},"link-button",{"href":46},"https://www.zenmuseum.com",[48],{"type":26,"tag":38,"props":49,"children":50},{},[51],{"type":32,"value":52},"You can find it here",{"type":26,"tag":54,"props":55,"children":57},"h2",{"id":56},"technical-aspects",[58],{"type":32,"value":59},"Technical aspects",{"type":26,"tag":61,"props":62,"children":63},"ul",{},[64,76,86,94,104,112,120,130],{"type":26,"tag":65,"props":66,"children":67},"li",{},[68,74],{"type":26,"tag":69,"props":70,"children":71},"strong",{},[72],{"type":32,"value":73},"Created with nextjs:",{"type":32,"value":75}," 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":26,"tag":65,"props":77,"children":78},{},[79,84],{"type":26,"tag":69,"props":80,"children":81},{},[82],{"type":32,"value":83},"Using TinaCMS to manage content:",{"type":32,"value":85}," 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":26,"tag":65,"props":87,"children":88},{},[89],{"type":26,"tag":69,"props":90,"children":91},{},[92],{"type":32,"value":93},"Using Sendgrid for sending emails",{"type":26,"tag":65,"props":95,"children":96},{},[97,102],{"type":26,"tag":69,"props":98,"children":99},{},[100],{"type":32,"value":101},"SEO/performance focus:",{"type":32,"value":103}," 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":26,"tag":65,"props":105,"children":106},{},[107],{"type":26,"tag":69,"props":108,"children":109},{},[110],{"type":32,"value":111},"Cloudflare for caching images",{"type":26,"tag":65,"props":113,"children":114},{},[115],{"type":26,"tag":69,"props":116,"children":117},{},[118],{"type":32,"value":119},"AWS S3 for image storage",{"type":26,"tag":65,"props":121,"children":122},{},[123,128],{"type":26,"tag":69,"props":124,"children":125},{},[126],{"type":32,"value":127},"Google Search Console:",{"type":32,"value":129}," Used for just that, keeping track of the Google search performance",{"type":26,"tag":65,"props":131,"children":132},{},[133,138],{"type":26,"tag":69,"props":134,"children":135},{},[136],{"type":32,"value":137},"Vercel for hosting:",{"type":32,"value":139}," Vercel is a quick and easy option to get something hosted for free.",{"title":7,"searchDepth":141,"depth":141,"links":142},2,[143],{"id":56,"depth":141,"text":59},"markdown","content:project:zenmuseum.md","content","project/zenmuseum.md","project/zenmuseum","md",{"loc":4},1737552096530]