Skip to main content

13 posts in 'Now Page'

Building out a books page

I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.

Jul 3, 2024

Categories: Now PageHow to...Remote Data

Leveraging APIs like Notion with a nice caching system

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages

May 3, 2024

Categories: How to...MarkdownNow PageRemote Data

Weaving music data in and out of my personal website

I started integrating music data into my personal website when I added artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that had updated their API to stop serving them. After a fair bit of searching I found that most services that supplied artist images covered only a small fraction of my library and often supplied the wrong image when there were multiple artists sharing the same name.

Feb 22, 2024

Categories: How to...Now PageRemote Data

Building a bespoke now-playing web component

I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to refactor the code powering this into a web component specific to my needs.

Feb 21, 2024

Categories: Remote DataHow to...Now Page

Right here, right now

A brief explanation of the way I built the "Right now" box on my homepage.

Jan 7, 2024

Categories: CollectionsData CascadeDatesHow to...Now Page

Now page: grouping episodes of the same tv show

I made a minor update to how I'm normalizing TV data for display on my now page.

Sep 6, 2023

Categories: Remote DataHow to...Now Page

Displaying now playing data with matching emoji using Netlify edge functions and Eleventy

My site is built using 11ty and is rebuilt once an hour. These frequent rebuilds accomplish a few things, notably updating webmention data and keeping my now page current.

Aug 25, 2023

Categories: How to...Edge FunctionsNow Page

Now Page: Automatically Syncing My Now Pages

How I automatically sync my now page with

Jul 23, 2023

Categories: How to...Remote DataNow Page

Adding game cover art to my /now page

How I'm using Eleventy-Fetch and the Steam API to fetch recently played games, the games cover art and store page URL to display on my /now page.

Jun 19, 2023

Categories: ImagesRemote DataHow to...Now Page

Building and Automating My Now Page

How I built and automated my now page with Eleventy and APIs.

Apr 19, 2023

Categories: How to...Remote DataNow Page

Building my /now page using Eleventy

As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.

Mar 18, 2023

Categories: Remote DataNow Page


The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Creating a now page archive with 11ty

Blog and general digital garden of the full stack programmer Simon Dann.

May 17, 2022

Categories: CollectionsFront MatterHow to...LayoutsNavigationNow Page

Get the blog by email (or RSS)

Powered by Buttondown