A walkthrough of integrating AT Protocol posts into a personal website using the official @atproto/api package. The implementation covers authenticating with the Bluesky PDS, paginating through all posts using cursors, filtering out reposts and quote posts, converting rich text (links, mentions) to markdown, handling embedded media (images, video, external links), and caching results in memory for an hour. The code produces flat data structures ready for front-end components to consume.
Table of contents
Rendering the postsWrapping upRendering AT protocol posts on my /feedSign up to get updates on open working projectsAndy Bell3 Impressions