DEV Community

Cover image for Embed These Websites In Your Blog Today
Sean Boult for AWS

Posted on

Embed These Websites In Your Blog Today

I stumbled onto the DEV supported URL embeds list, which revealed some interesting supported platforms.

You'll want to refer to the link above to figure out the syntax for the DEV specific ones but most are just:

{% embed <url> %}
Enter fullscreen mode Exit fullscreen mode

If you would like to jump around.

asciinema

A video-like player which is so cool because you can actually pause it and copy the text from it.

StackBlitz

Interactive code editor right in a blog post ๐Ÿ˜. Seems like the embedded terminal and preview will fail due to some postMessage shenanigans, but perhaps it can be fixed.

GitHub

It supports rendering the README to give some brief context with a CTA to open the repo.

GitHub logo strands-agents / sdk-typescript

A model-driven approach to building AI agents in just a few lines of code.

Strands Agents - TypeScript SDK

A model-driven approach to building AI agents in TypeScript/JavaScript

GitHub commit activity GitHub open issues GitHub open pull requests License NPM Version

Documentation โ—† Samples โ—† Python SDK โ—† Tools โ—† Agent Builder โ—† MCP Server


Overview

Strands Agents is a simple yet powerful SDK that takes a model-driven approach to building and running AI agents. The TypeScript SDK brings key features from the Python Strands framework to Node.js environments, enabling type-safe agent development for everything from simple assistants to complex workflows.

Key Features

  • ๐Ÿชถ Lightweight & Flexible: Simple agent loop that works seamlessly in Node.js and browser environments
  • ๐Ÿ”’ Type-Safe Tools: Define tools easily using Zod schemas for robust input validation and type inference
  • ๐Ÿ“‹ Structured Output: Get type-safe, validated responses from LLMs using Zod schemas with automatic retry on validation errors
  • ๐Ÿ”Œ Model Agnostic: First-class support for Amazon Bedrock and OpenAI, with extensible architecture for custom providers
  • ๐Ÿ”— Built-in MCP: Nativeโ€ฆ

X/Twitter

Useful when a tweet has some context you want to reference.

YouTube

Video is king ๐Ÿ‘‘. However, I'd probably reach for the "Cover Video Link" feature, where you can have the video be your banner instead of an image.

DEV specific

These are some of the custom things that DEV supports outside of third party site embeds.

Article Link:

User Profile:

Tag Profile:

#aws

Amazon Web Services (AWS) is a collection of web services for computing, storage, machine learning, security, and more There are over 200+ AWS services as of 2023.

Comment:

Comment on What Even Is AI? (I Took a Break & Had to Relearn Everything)
jess
Jess Lee May 5

I just came back from maternity leave. And honestly? I felt like I'd missed a decade in six months.

I feel this so hard.

Looking forward to your series!

Podcast Episode:

play pause AWS Bites

Organization:

Well, this one is not a website, but it's useful when you want to add some CTA at the end of a blog.

Buttons:
View @AWSDevelopers on X/Twitter ๐Ÿ’ป
โ€”
Visit AWS Builder Center


Let me know what your favorite embed is or if I'm missing any amazing ones in the comments.

Happy coding ๐Ÿ‘จโ€๐Ÿ’ป!

Top comments (6)

Collapse
 
esin87 profile image
Esin Saribudak

Omg definitely gonna use asciinema!! Thank you for these!!

Collapse
 
hacksore profile image
Sean Boult AWS

It such an amazing tool for demos!

Collapse
 
rohini_gaonkar profile image
Rohini Gaonkar AWS

OMG THIS IS SO HELPFUL!!!! THANK YOU!!!!!

Collapse
 
hacksore profile image
Sean Boult AWS

I can't believe there are some I had been sleeping on!

Collapse
 
jess profile image
Jess Lee

hehe thanks for this. just added your post here: dev.to/help/community-resources

(ironically, no special embed for our help pages ๐Ÿ˜…)

Collapse
 
hacksore profile image
Sean Boult AWS

Thanks Jess ๐Ÿ™Œ