[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog:\u002Fblog\u002Fcategory\u002Ftutorials":3},{"posts":4,"total":45,"page":45,"pages":45,"category":46,"tag":27,"categories":47},[5],{"id":6,"title":7,"slug":8,"excerpt":9,"status":10,"publishedAt":11,"updatedAt":12,"coverImageUrl":13,"coverImageAlt":14,"readingMinutes":15,"wordCount":16,"source":17,"focusKeywords":18,"category":23,"tags":28,"author":42},"cmvxhttd7000108l343j414dz","Laptop Mockup Tutorial: Show Your Website in 3D, Step by Step","laptop-mockup-website-tutorial","To make a laptop mockup of your website, capture a sharp screenshot at the laptop screen's proportions. Place it on a 3D laptop model, choose an angle and lighting, then export at 2× as WebP or PNG. In mockiso this takes a few minutes in the browser.","published","2026-11-02T06:00:11.026Z","2026-11-02T06:00:11.109Z","https:\u002F\u002Frzg4dr9ak9vfbaym.public.blob.vercel-storage.com\u002Fblog\u002F2026-11\u002Flaptop-mockup-website-tutorial-cover-mvxhtr56-fNJH3CibZTF8AXI7Tbx9IP47x3j74T.jpg","Laptop mockup showing a website on a modern laptop screen on a clean desk",7,1566,"auto",[19,20,21,22],"laptop mockup","website mockup","macbook mockup","website screenshot mockup",{"id":24,"name":25,"slug":26,"description":27},"cmvxhttan000008l3gikdnnvk","Tutorials","tutorials",null,[29,32,36,39],{"id":30,"name":31,"slug":31},"cmvxhoxvb000008jmm7x8nxwe","design",{"id":33,"name":34,"slug":35},"cmvxbz972000008kxigja0le6","device mockups","device-mockups",{"id":37,"name":38,"slug":38},"cmvxce04r000708kx59ilvqys","launch",{"id":40,"name":41,"slug":41},"cmvxbz975000208kxi3iyhypr","marketing",{"name":43,"avatarUrl":44},"Nexa Admin","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKzKKV0Gu7poiUhGY6esfYHXiH2keN4ZMNY5yT6GmMFCLgg624=s96-c",1,{"id":24,"name":25,"slug":26,"description":27},[48,53,57,60],{"id":49,"name":50,"slug":51,"description":27,"posts":52},"cmvxaybv0000607icji6ezyp6","App Store Optimization","app-store-optimization",5,{"id":54,"name":55,"slug":31,"description":27,"posts":56},"cmvxbz973000108kxliuusz0h","Design",4,{"id":58,"name":59,"slug":41,"description":27,"posts":45},"cmvxce05n000908kxe7i6uvp0","Marketing",{"id":24,"name":25,"slug":26,"description":27,"posts":45}]