{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"Programming Tech Brief By HackerNoon","title":"How to Build a Web Page Summarization App With Next.js, OpenAI, LangChain, and Supabase","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/3189e952\"></iframe>","width":"100%","height":180,"duration":466,"description":"\n        This story was originally published on HackerNoon at: https://hackernoon.com/how-to-build-a-web-page-summarization-app-with-nextjs-openai-langchain-and-supabase.\nAn app that can understand the context of any web page. We'll show you how to create a handy web app that can summarize the content of any web page\nCheck more stories related to programming at: https://hackernoon.com/c/programming.\n            You can also check exclusive content about #langchain, #large-language-models, #nextjs, #openai, #supabase, #productivity, #web-page-summarization, #hackernoon-top-story,  and more.\nThis story was written by: @nassermaronie. Learn more about this writer by checking @nassermaronie's about page,\n            and for more stories, please visit hackernoon.com.\nIn this article, we'll show you how to create a handy web app that can summarize the content of any web page. Using [Next.js] for a smooth and fast web experience, [LangChain] for processing language, [OpenAI](https://openai.com/) for generating summaries, and [Supabase] for managing and storing vector data, we will build a powerful tool together.","thumbnail_url":"https://img.transistorcdn.com/KhCapPSRkLGL2Xw8888yuChkNRWthaKapLYTvNdu4W4/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzQxMTY2LzE2ODM1/ODIzMzAtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}