[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-listing-product-design-all-1":3},{"cards":4,"page":35,"totalPages":35,"totalPosts":35,"postsPerPage":36,"tag":37,"author":39},[5],{"id":6,"slug":7,"title":8,"description":9,"url":10,"publishedAt":11,"createdAt":12,"updatedAt":13,"featured":14,"readingTime":15,"tags":16,"imageUrl":20,"imageAlt":21,"faviconUrl":22,"publishedAtString":11,"category":23,"readTimeString":34},"630b48b6c7d492db47c41fc6","building-a-beautiful-link-preview-with-web-components","Building A Beautiful Link Preview With Web Components","A thumbnail image of your website can be essential to attract new users. In this article we will build a beautiful link preview with Web Components.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuilding-a-beautiful-link-preview-with-web-components\u002F","2022-08-29T06:01:53.000+00:00","2022-08-28T10:51:34.000+00:00","2026-04-08T08:21:34.000+00:00",false,4,[17,18,19],"Web Components","Web Highlights","Product Design","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002Ftest.png","Web Highlights Link Preview Component","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[24],{"type":25,"title":26,"shortTitle":27,"icon":28,"description":29,"excerpt":30,"thumbnail":31},"my-journey","Behind the Scenes of Web Highlights","My Journey","rocket","Hey 👋 I am Marius. I started Web Highlights in 2019 as a tool just for myself and have been working on it alone since then. Learn from my mistakes and stories right from the beginning how I grew the Chrome Extension to 250K users without any marketing costs.","These posts are the honest build log of Web Highlights: what worked, what hurt, and what I’d do again. If you care about indie products, Chrome extensions, or SEO-led growth, you’ll find practical lessons alongside the personal story.",{"url":32,"alt":33},"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fme.png","Me, Marius Bongarts, in front of sea in Portugal, Algarve","4 min read",1,25,{"slug":38,"name":19,"description":39},"product-design",null]