Created OEmbed and OGP WebComponents for use on my blog site
I have created the following two Web Components.
- https://www.webcomponents.org/element/Silver-birder/o-embed
- https://www.webcomponents.org/element/Silver-birder/ogp-me
Background
I wanted to display embedded content on my blog. I was using a service called iframely, but I was motivated to create my own. So, I created my own Web Components that can display OEmbed and OGP.
o-embed
https://twitter.com/silverbirder/status/1475262255818473473
ogp-me
https://silverbirder.github.io/blog/contents/intro_rocket/
In conclusion
My blog uses Rocket, an SSG that seamlessly uses Markdown and Web Components. Therefore, I was able to easily incorporate the Web Components I published myself. Ah, I'm satisfied.
If it was helpful, support me with a ☕!
Share
Related tags
- Defining Fragments Composed in Micro Frontends as Web Components and Sharing them with Module Federation
- Developing an oEmbed component with WebComponents and what I learned
- The Goodness of Web Components
- If you're writing in Markdown, Rocket, an SSG that uses WebComponents, is recommended!
- Debuting "Introduction to Web Components for Beginners" at Techbook Fest 7!
- Created an App to Consistently Record and Visualize Data in a Free Format
- Developing "Bochi-Bochi", an App to Easily Find Cheap Ingredients
- What I Learned from Refreshing My Blog Page with Qwik
- Introducing AI Ghostwriter - A Tool to Improve Writing Efficiency
- Development of Stable Diffusion API
- Defining Fragments Composed in Micro Frontends as Web Components and Sharing them with Module Federation
- Things I Learned from Developing Chrome Extensions (Manifest V3)
- If you're writing in Markdown, Rocket, an SSG that uses WebComponents, is recommended!
- Refreshing Silverbirder's Portfolio Page (v2)
- I Made an API That Only Returns Google Account Images
- Building a TikTok Scraping Infrastructure on GCP and the Challenges Faced
- Micro Frontends on the Client Side (ES Module)
- Micro Frontends with Zalando tailor (LitElement & etcetera)
- Micro Frontends with SSR in Ara-Framework
- Created a GAS Library, zoom-meeting-creator, to Automatically Generate Zoom Meetings
- Introducing a Tool for Bulk Updating Account Images and What I Learned
- Cotlin is a Tool for Collecting Links on Twitter, Discover Presentations from Around the World
- I tried creating rMinc, a service that registers GMail to GCalendar
- I Tried Making a One-Frame Comic Search Service Tiqav2 (Algolia + Cloudinary + Google Cloud Vision API)