--- title: Rendering AT protocol posts on my /feed | daily.dev description: A walkthrough of integrating AT Protocol (Bluesky) posts into a personal site's /feed page using Astro. Covers paginated static page generation with... canonical: https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Rendering AT protocol posts on my /feed | daily.dev og:description: A walkthrough of integrating AT Protocol (Bluesky) posts into a personal site's /feed page using Astro. Covers paginated static page generation with... og:url: https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h og:image: https://api.daily.dev/og/posts/C8IElfs8h.png og:image:alt: Rendering AT protocol posts on my /feed og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Rendering AT protocol posts on my /feed **[Piccalilli](https://daily.dev/sources/piccalilli)** · 5 min read · 0 upvotes · 0 comments ## Summary A walkthrough of integrating AT Protocol (Bluesky) posts into a personal site's /feed page using Astro. Covers paginated static page generation with getStaticPaths(), building ATPostsRegion and ATPost components that handle text, images, external embeds, and video media types, rendering engagement stats with semantic HTML, and a utility function that converts AT Protocol URIs (at://) into Bluesky web URLs by extracting the DID and rkey. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Are you standard.site?](https://daily.dev/posts/are-you-standard-site--e3sblhtqk) · dbushell · 10 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#accessibility](https://daily.dev/tags/accessibility), [#astro](https://daily.dev/tags/astro) [View this post on daily.dev](https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Rendering AT protocol posts on my /feed","url":"https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h"},"datePublished":"2026-07-08T19:07:40.102Z","dateModified":"2026-07-08T19:08:06.784Z","description":"A walkthrough of integrating AT Protocol (Bluesky) posts into a personal site's /feed page using Astro. Covers paginated static page generation with...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/57b35221e2898c76b4d593a5830bec4e?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/57b35221e2898c76b4d593a5830bec4e?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Piccalilli","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Piccalilli","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/6864a3872e444ed8a46d4e28a71883e3","url":"https://daily.dev/sources/piccalilli"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/rendering-at-protocol-posts-on-my-feed-c8ielfs8h","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,accessibility,astro","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Piccalilli","item":"https://daily.dev/sources/piccalilli"},{"@type":"ListItem","position":3,"name":"Rendering AT protocol posts on my /feed"}]} ```