diff --git a/src/posts/2024/building-a-bespoke-now-playing-web-component.md b/src/posts/2024/building-a-bespoke-now-playing-web-component.md
index 1637f66d..e0d7ccf5 100644
--- a/src/posts/2024/building-a-bespoke-now-playing-web-component.md
+++ b/src/posts/2024/building-a-bespoke-now-playing-web-component.md
@@ -80,4 +80,6 @@ The component is then included via a `playing.liquid` template:
 
 Now, instead of having a separate template for the component and script, I'm able to quite simply consolidate the two and provide the same experience. You can view the full source of the component [here](https://github.com/cdransf/coryd.dev/blob/main/src/assets/scripts/components/now-playing.js) and the source of the edge function powering the `/api/now-playing` endpoint [here](https://github.com/cdransf/coryd.dev/blob/main/netlify/edge-functions/now-playing.js).
 
-Building this first component was pretty straightforward and, frankly, fun — it encapsulates the rendering logic and data fetching in one place without any external dependencies.
\ No newline at end of file
+Building this first component was pretty straightforward and, frankly, fun — it encapsulates the rendering logic and data fetching in one place without any external dependencies.
+
+{% render "partials/banners/npm.liquid", url: 'https://www.npmjs.com/package/@cdransf/api-text', command: 'npm i @cdransf/api-text' %}
\ No newline at end of file