[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-listing-web-development-all-1":3},{"cards":4,"page":228,"totalPages":228,"totalPosts":229,"postsPerPage":230,"tag":231,"author":144},[5,40,60,78,98,114,131,145,161,176,193,208],{"id":6,"slug":7,"title":8,"description":9,"url":10,"publishedAt":11,"createdAt":12,"updatedAt":11,"featured":13,"readingTime":14,"tags":15,"imageUrl":18,"imageAlt":19,"faviconUrl":20,"publishedAtString":11,"category":21,"readTimeString":39},"671f386db98706751d677b5f","how-to-show-a-link-preview-on-any-website","How To Show A Beautiful Link Preview On Any Website","Easily add link previews to any website using the open-source Previewbox library. Works with any framework, fetching Open Graph data automatically.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-show-a-link-preview-on-any-website\u002F","2024-10-29T20:25:55.000+00:00","2024-10-28T07:08:29.000+00:00",false,6,[16,17],"Web Development","SEO","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002F0_dkKw8Q1T3dUhNBo7.jpg","Lake with mountains in background","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[22,32],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":29},"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":30,"alt":31},"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fme.png","Me, Marius Bongarts, in front of sea in Portugal, Algarve",{"type":33,"title":34,"shortTitle":35,"icon":36,"description":37,"excerpt":38},"productivity","Browser Productivity & Chrome Extensions","Productivity","command","Curated extension lists, focus workflows, and tips for getting more from Chrome—always with an eye toward reading, capture, and learning.","Productivity isn’t only task managers. These articles cover the browser layer: extensions that protect focus, comparisons that save you from dead-end tools, and setup tips that keep your reading and capture stack lightweight but powerful.","6 min read",{"id":41,"slug":42,"title":43,"description":44,"url":45,"publishedAt":46,"createdAt":47,"updatedAt":48,"featured":49,"readingTime":50,"tags":51,"imageUrl":54,"imageAlt":55,"faviconUrl":20,"publishedAtString":46,"category":56,"readTimeString":59},"66711bbfe00bcb071a2ced9b","3-practical-growth-hacks-i-applied-to-scale-my-chrome-extension-to-100k-users-without-any-marketing-budget","How I Grew My Chrome Extension to 100K Users Without Marketing Costs","Learn how I grew my Chrome Extension to 100K users without a budget. Explore growth hacks, SEO tips, user review strategies, and product-building insights.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002F3-practical-growth-hacks-i-applied-to-scale-my-chrome-extension-to-100k-users-without-any-marketing-budget\u002F","2024-06-18T05:33:56.000+00:00","2024-06-18T05:31:43.000+00:00","2024-09-01T19:43:00.000+00:00",true,4,[16,17,52,53,25],"Side Hustle","Marketing","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1636819488524-1f019c4e1c44?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDEyfHxyb2NrZXR8ZW58MHx8fHwxNzE4NjE4NTcxfDA&ixlib=rb-4.0.3&q=80&w=2000","3 Practical Growth Hacks I Applied To Scale My Chrome Extension to 100K Users Without Any Marketing Budget",[57],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":58},{"url":30,"alt":31},"4 min read",{"id":61,"slug":62,"title":63,"description":64,"url":65,"publishedAt":66,"createdAt":67,"updatedAt":68,"featured":13,"readingTime":69,"tags":70,"imageUrl":72,"imageAlt":73,"faviconUrl":20,"publishedAtString":66,"category":74,"readTimeString":77},"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",10,[71,16],"Web Components","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002F1_g-iH_T_gw-LQ7cmxoyoONA.jpg","Skeleton in forest: Are Web Components Dead?",[75],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":76},{"url":30,"alt":31},"10 min read",{"id":79,"slug":80,"title":81,"description":82,"url":83,"publishedAt":84,"createdAt":85,"updatedAt":86,"featured":13,"readingTime":87,"tags":88,"imageUrl":92,"imageAlt":93,"faviconUrl":20,"publishedAtString":84,"category":94,"readTimeString":97},"640aed8469f5f5062904b11f","build-your-own-custom-chrome-history-extension-with-react-part-2-chrome-history-api","Create a Custom Chrome History Extension with React - Part 2","Learn how to build a custom Chrome history extension with React in this guide. Explore the Chrome History API and improve your browsing experience.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuild-your-own-custom-chrome-history-extension-with-react-part-2-chrome-history-api\u002F","2023-03-10T08:52:32.000+00:00","2023-03-10T08:42:44.000+00:00","2024-07-23T13:58:57.000+00:00",5,[89,90,91,16],"Chrome Extension","React","Tutorial","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F03\u002Fthumbnail-build-chrome-extension.png","Build Your Own Custom Chrome History Extension with React: Part 2",[95],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":96},{"url":30,"alt":31},"5 min read",{"id":99,"slug":100,"title":101,"description":102,"url":103,"publishedAt":104,"createdAt":105,"updatedAt":106,"featured":13,"readingTime":69,"tags":107,"imageUrl":109,"imageAlt":110,"faviconUrl":20,"publishedAtString":104,"category":111,"readTimeString":77},"63f9fe75b30b15062f3489f2","the-tech-stack-behind-web-highlights-a-chrome-extension-with-over-10-000-weekly-users","Web Highlights Tech Stack: Chrome Extension With 100k+ Users","Explore the tech stack of Web Highlights, a Chrome extension using Web Components and Vue.js for saving and highlighting web content easily.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fthe-tech-stack-behind-web-highlights-a-chrome-extension-with-over-10-000-weekly-users\u002F","2023-02-27T06:55:25.000+00:00","2023-02-25T12:26:29.000+00:00","2024-09-19T19:40:18.000+00:00",[16,108,25],"Web Highlights","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F02\u002FYellow-Bold-Education-Course-Vlog-YouTube-Thumbnail.png","Tech Stack Behind Web Highlights - PDF & Web Highlighter",[112],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":113},{"url":30,"alt":31},{"id":115,"slug":116,"title":117,"description":118,"url":119,"publishedAt":120,"createdAt":121,"updatedAt":122,"featured":13,"readingTime":50,"tags":123,"imageUrl":126,"imageAlt":127,"faviconUrl":20,"publishedAtString":120,"category":128,"readTimeString":59},"63f1e83be2f30306277d3a05","failing-forward-the-importance-of-publishing-your-side-projects","Failing Forward: The Importance of Publishing Your Side Projects","Discover the benefits of publishing your side projects, even if they fail. Learn how 'failing forward' can increase your creativity and lead to success.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffailing-forward-the-importance-of-publishing-your-side-projects\u002F","2023-02-20T07:33:42.000+00:00","2023-02-19T09:13:31.000+00:00","2024-09-01T20:20:14.000+00:00",[52,124,16,125,25],"Side Projects","Programming","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1512548438457-4c9584d3766b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDl8fHNoYW1lfGVufDB8fHx8MTY3Njc5ODQyMw&ixlib=rb-4.0.3&q=80&w=2000","Woman covering her face with blanket - Failing Forward: The Importance of Publishing Your Side Projects",[129],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":130},{"url":30,"alt":31},{"id":132,"slug":133,"title":134,"description":135,"url":136,"publishedAt":137,"createdAt":138,"updatedAt":139,"featured":13,"readingTime":14,"tags":140,"imageUrl":142,"imageAlt":143,"faviconUrl":20,"publishedAtString":137,"category":144,"readTimeString":39},"6379fc2ed067a806341c67e6","how-to-build-a-chrome-extension-using-angular","How to Build a Chrome Extension Using Angular","Learn how to create a Chrome Extension in general and how to build the frontend part of your application using Angular.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-build-a-chrome-extension-using-angular\u002F","2022-11-20T10:17:46.000+00:00","2022-11-20T10:06:38.000+00:00","2023-08-09T17:51:25.000+00:00",[89,141,16],"Angular","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Fangular.png","How to Build a Chrome Extension Using Angular: Handshake with fists - Left shows Angular logo, right side shows Chrom Logo",null,{"id":146,"slug":147,"title":148,"description":149,"url":150,"publishedAt":151,"createdAt":152,"updatedAt":151,"featured":13,"readingTime":153,"tags":154,"imageUrl":155,"imageAlt":156,"faviconUrl":20,"publishedAtString":151,"category":157,"readTimeString":160},"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,[71,16],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F10\u002Fwebcomponents.png","Pillow fights with Vue.js, React, and Web Components Logo on foreground",[158],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":159},{"url":30,"alt":31},"8 min read",{"id":162,"slug":163,"title":164,"description":165,"url":166,"publishedAt":167,"createdAt":168,"updatedAt":169,"featured":13,"readingTime":87,"tags":170,"imageUrl":171,"imageAlt":172,"faviconUrl":20,"publishedAtString":167,"category":173,"readTimeString":97},"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",[89,91,16,71],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F08\u002Fhabit-tracker.png","Our own New Tab Chrome Extension — Demo",[174],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":175},{"url":30,"alt":31},{"id":177,"slug":178,"title":179,"description":180,"url":181,"publishedAt":182,"createdAt":183,"updatedAt":184,"featured":13,"readingTime":153,"tags":185,"imageUrl":188,"imageAlt":189,"faviconUrl":20,"publishedAtString":182,"category":190,"readTimeString":160},"634c1f42042f79061b09b9dd","seo-strategies-i-used-to-gain-2-000-users-in-two-months","SEO Strategies I Used to Gain 2,000 Users In Two Months","Here is how my user base grew by 37 % in just two months. Learn how to improve the SEO score of your website by publishing a blog and following best practices.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fseo-strategies-i-used-to-gain-2-000-users-in-two-months\u002F","2022-10-17T06:00:53.000+00:00","2022-10-16T15:12:02.000+00:00","2022-10-18T12:31:32.000+00:00",[17,53,16,186,25,187],"Software","Story","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1614728263952-84ea256f9679?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHJvY2tldHxlbnwwfHx8fDE2NjU5MzM2MTE&ixlib=rb-1.2.1&q=80&w=2000","Space shuttle lifting off surrounded by huge clouds of smoke",[191],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":192},{"url":30,"alt":31},{"id":194,"slug":195,"title":196,"description":197,"url":198,"publishedAt":199,"createdAt":200,"updatedAt":201,"featured":49,"readingTime":87,"tags":202,"imageUrl":204,"imageAlt":205,"faviconUrl":20,"publishedAtString":199,"category":206,"readTimeString":97},"62ff2817c7d492db47c41dc2","turn-your-website-into-a-beautiful-thumbnail-link-preview","Make Your Website Have a Beautiful Thumbnail Link Preview","A thumbnail image of your website can be essential to attract new users. Understand the Open Graph protocol to have a beautiful preview image for your website.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fturn-your-website-into-a-beautiful-thumbnail-link-preview\u002F","2022-08-22T06:07:26.000+00:00","2022-08-19T06:05:11.000+00:00","2024-10-23T21:17:28.000+00:00",[17,16,203,108],"Project Management","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1464822759023-fed622ff2c3b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDcwfHxuYXR1cmV8ZW58MHx8fHwxNjYwODg5MjM3&ixlib=rb-1.2.1&q=80&w=2000","Forest in foreground, lake with mountains in background",[207],{"type":33,"title":34,"shortTitle":35,"icon":36,"description":37,"excerpt":38},{"id":209,"slug":210,"title":211,"description":212,"url":213,"publishedAt":214,"createdAt":215,"updatedAt":216,"featured":13,"readingTime":14,"tags":217,"imageUrl":218,"imageAlt":219,"faviconUrl":20,"publishedAtString":214,"category":220,"readTimeString":39},"62ee40123dc2df47fd59bd45","build-a-text-web-highlighter-as-a-chrome-extension","Build A Text Web-Highlighter as a Chrome Extension","Learn how to build a text web highlighter as a Chrome extension in this detailed guide. Improve your browsing experience by highlighting and saving text.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbuild-a-text-web-highlighter-as-a-chrome-extension\u002F","2022-08-06T10:33:44.000+00:00","2022-08-06T10:18:58.000+00:00","2024-08-11T14:27:10.000+00:00",[89,108,125,16],"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1475154404624-07909433bbfb?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fGhpZ2hsaWdodHxlbnwwfHx8fDE2NTk3ODExNTM&ixlib=rb-1.2.1&q=80&w=2000","Book with text marker in it",[221,223],{"type":23,"title":24,"shortTitle":25,"icon":26,"description":27,"excerpt":28,"thumbnail":222},{"url":30,"alt":31},{"type":224,"title":225,"shortTitle":125,"icon":226,"description":227,"excerpt":227},"programming","Programming & Development","book-open","Articles about programming, development, and software engineering.",1,12,25,{"slug":232,"name":16,"description":144},"web-development"]