[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"project-\u002Fprojects\u002F2025\u002Fsushi-show":3,"project-posts-\u002Fprojects\u002F2025\u002Fsushi-show":103},{"id":4,"title":5,"agency":6,"body":7,"compare":6,"cover":46,"date":52,"description":53,"draft":54,"extension":55,"facts":56,"featured":54,"gallery":72,"galleryLead":83,"highlights":6,"image":84,"links":85,"meta":87,"navigation":75,"note":88,"ogImage":89,"path":90,"seo":91,"stack":92,"stem":97,"tags":98,"__hash__":102},"projects_en\u002Fprojects\u002F2025\u002Fsushi-show\u002Findex.md","Sushi Show",null,{"type":8,"value":9,"toc":41},"minimark",[10,14,19],[11,12,13],"p",{},"I met Marcin in one of the sushi restaurants. I admired how much heart he puts into his food, and I once told him that if he ever wants to advertise and grow, I will gladly help. That is how this project started – a ready website Marcin can use when he wants to show his workshops to more people. I made the first version in Nuxt when I was learning Vue, so this project means a lot to me. Recently I refreshed it and made it faster.",[15,16,18],"h2",{"id":17},"main-features","Main features",[20,21,22,26,29,32,35,38],"ul",{},[23,24,25],"li",{},"Workshops and training first – that is what matters most to Marcin, catering is next to them",[23,27,28],{},"A schedule of upcoming workshops from a Google Sheet – past dates hide themselves, you see up to 4 next ones",[23,30,31],{},"Photos in AVIF with a WebP fallback, in 2–3 widths, generated when the site is built",[23,33,34],{},"A gallery of workshop photos with a full-screen view",[23,36,37],{},"A contact form via Web3Forms – without a key it opens an email app with a ready message",[23,39,40],{},"Image sizes set in the code (the page does not jump while loading) and button contrast that meets WCAG AA",{"title":42,"searchDepth":43,"depth":43,"links":44},"",2,[45],{"id":17,"depth":43,"text":18},{"desktop":47,"phone":48,"width":49,"height":50,"alt":51},"\u002Fprojects\u002F2025\u002Fsushi-show\u002Ffirst-screen.webp","\u002Fprojects\u002F2025\u002Fsushi-show\u002Fphone.webp",1440,900,"Sushi Show – first screen of the website","2025-04-09","A sample website for Marcin, a sushi chef – workshops and training first, catering next to them. Nuxt 4, Tailwind CSS and fast loading.",false,"md",[57,61,64,68],{"value":58,"suffix":59,"text":60},"95","\u002F100","mobile performance in Lighthouse",{"value":62,"suffix":59,"text":63},"100","accessibility in Lighthouse",{"value":65,"suffix":66,"text":67},"274"," kB","downloaded by the home page on mobile",{"value":69,"suffix":70,"text":71},"2.7"," s","LCP on mobile",[73,78],{"src":74,"full":75,"alt":76,"caption":77},"\u002Fprojects\u002F2025\u002Fsushi-show\u002Fpage-desktop.webp",true,"Sushi Show – the whole page on desktop","The whole page on desktop – from workshops and the schedule to catering and contact",{"src":79,"device":80,"alt":81,"caption":82},"\u002Fprojects\u002F2025\u002Fsushi-show\u002Fpage-phone.webp","phone","Sushi Show – the whole page on mobile","The same page on mobile","Full-page screenshots – click one to see it bigger. Measurements: Lighthouse 12.8, the site built locally, mobile – Moto G Power, slow 4G.","\u002Fprojects\u002F2025\u002Fsushi-show\u002Fthumbnail.webp",{"live":86},"https:\u002F\u002Flukaszdzielo.github.io\u002Fmarcin-podlinski\u002F",{},"A sample website – contact details and prices are examples; not visible in Google for now.","\u002Fog\u002Fprojects\u002Fsushi-show-en.jpg","\u002Fprojects\u002F2025\u002Fsushi-show",{"title":5,"description":53},[93,94,95,96],"Nuxt 4","Vue 3","Tailwind CSS 4","@nuxt\u002Fimage","projects\u002F2025\u002Fsushi-show\u002Findex",[99,100,101],"vue","nuxt","tailwind","4dFcinHclXIAcbw0YhmAUIaypEhbV67v1-HzKiQzMDA",[],1791981730392]