[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-listing-web-components-all-1":3},{"cards":4,"page":102,"totalPages":102,"totalPosts":43,"postsPerPage":103,"tag":104,"author":48},[5,34,50,66,83],{"id":6,"slug":7,"title":8,"description":9,"url":10,"publishedAt":11,"createdAt":12,"updatedAt":13,"featured":14,"readingTime":15,"tags":16,"imageUrl":19,"imageAlt":20,"faviconUrl":21,"publishedAtString":11,"category":22,"readTimeString":33},"64d9d5fdf8c6b205910d9684","are-web-components-dead","Are Web Components Dead?","Explore the future of web components, their impact on modern web development, and if they are still relevant in the current tech landscape.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fare-web-components-dead\u002F","2023-08-14T07:40:03.000+00:00","2023-08-14T07:21:33.000+00:00","2024-07-23T12:07:31.000+00:00",false,10,[17,18],"Web Components","Web Development","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002F1_g-iH_T_gw-LQ7cmxoyoONA.jpg","Skeleton in forest: Are Web Components Dead?","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[23],{"type":24,"title":25,"shortTitle":26,"icon":27,"description":28,"excerpt":29,"thumbnail":30},"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":31,"alt":32},"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fme.png","Me, Marius Bongarts, in front of sea in Portugal, Algarve","10 min read",{"id":35,"slug":36,"title":37,"description":38,"url":39,"publishedAt":40,"createdAt":41,"updatedAt":42,"featured":14,"readingTime":43,"tags":44,"imageUrl":46,"imageAlt":47,"faviconUrl":21,"publishedAtString":40,"category":48,"readTimeString":49},"63681e8972d57a060160cf48","how-to-use-web-components-in-react","How To Use Web Components in React","Web Components enable us to develop entirely independently of frontend frameworks. Here is how to use them in React.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-components-in-react\u002F","2022-11-06T21:18:45.000+00:00","2022-11-06T20:52:25.000+00:00","2024-09-19T19:13:10.000+00:00",5,[17,45],"React","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Freact.png","Shaking Hands with black transparent overlay showing React and Web Components Logo",null,"5 min read",{"id":51,"slug":52,"title":53,"description":54,"url":55,"publishedAt":56,"createdAt":57,"updatedAt":56,"featured":14,"readingTime":58,"tags":59,"imageUrl":60,"imageAlt":61,"faviconUrl":21,"publishedAtString":56,"category":62,"readTimeString":65},"6358eda272d57a060160cd51","will-web-components-replace-frontend-frameworks-they-are-built-to-solve-different-problems","Will Web Components Replace Frontend Frameworks?","Web Components will not replace frontend frameworks but they can enhance those frameworks by replacing their component layer with a native solution.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fwill-web-components-replace-frontend-frameworks-they-are-built-to-solve-different-problems\u002F","2022-10-26T08:37:43.000+00:00","2022-10-26T08:19:46.000+00:00",8,[17,18],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F10\u002Fwebcomponents.png","Pillow fights with Vue.js, React, and Web Components Logo on foreground",[63],{"type":24,"title":25,"shortTitle":26,"icon":27,"description":28,"excerpt":29,"thumbnail":64},{"url":31,"alt":32},"8 min read",{"id":67,"slug":68,"title":69,"description":70,"url":71,"publishedAt":72,"createdAt":73,"updatedAt":74,"featured":14,"readingTime":43,"tags":75,"imageUrl":78,"imageAlt":79,"faviconUrl":21,"publishedAtString":72,"category":80,"readTimeString":49},"63550997042f79061b09bbd8","building-your-own-new-tab-chrome-extension","Building Your Own New Tab Chrome Extension","How to build a beautiful New Tab Chrome Extension with plain HTML, CSS, JavaScript, and Web Components","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuilding-your-own-new-tab-chrome-extension\u002F","2022-10-23T18:21:24.000+00:00","2022-10-23T09:29:59.000+00:00","2023-08-09T17:53:51.000+00:00",[76,77,18,17],"Chrome Extension","Tutorial","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Fhabit-tracker.png","Our own New Tab Chrome Extension — Demo",[81],{"type":24,"title":25,"shortTitle":26,"icon":27,"description":28,"excerpt":29,"thumbnail":82},{"url":31,"alt":32},{"id":84,"slug":85,"title":86,"description":87,"url":88,"publishedAt":89,"createdAt":90,"updatedAt":91,"featured":14,"readingTime":92,"tags":93,"imageUrl":96,"imageAlt":97,"faviconUrl":21,"publishedAtString":89,"category":98,"readTimeString":101},"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",4,[17,94,95],"Web Highlights","Product Design","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002Ftest.png","Web Highlights Link Preview Component",[99],{"type":24,"title":25,"shortTitle":26,"icon":27,"description":28,"excerpt":29,"thumbnail":100},{"url":31,"alt":32},"4 min read",1,25,{"slug":105,"name":17,"description":48},"web-components"]