Build your own live chat web component with Ably and AWS

Web Components are a collection of web technologies that enable developers to create reusable pieces of markup and functionality for the browser, independent of any runtime framework. They consist of Custom Elements, Shadow DOM, and HTML templates. In this article, we delve into building a chat web component with Ably using AWS Amplify and AWS Lambda. The process involves creating two Custom Elements: AblyBaseComponent and AblyChatComponent. We also discuss API key management and hosting the application on Amplify.