Talk: Notion as a CMS with React-Notion-X

Recording

Slides

Notion is a block based notes app that contains most of the markdown elements + some special elements like the database.

https://notion.kalenwallin.com/

I forked the slides Nick Nisi and Kevin Van Cott used for their Astro talk at NebraskaJS in Lincoln, NE February 2025. The slides are an Astro content collection created from markdown files.

I added Notion styles and reworked the slides to look good on a MacBook Pro, since that's the device I used to give my talk.

I used Astro server islands to fetch Notion data and render the React-Notion-X component on every request while still keeping the rest of the content static to get the page transition.

I used Astro params to get the pageId from the database’s children page’s route parameter allowing me to dynamically render each child page.

You can find the code for my forked version here: https://github.com/kalenwallin/notion-as-a-cms

My Portfolio Website

My website is a form of Travis Fischer’s Next.js Starter Kit, which uses Notion as a CMS with React-Notion-X.

Kalen Wallin

A showcase of my skills through experiences.

https://kalenwallin.com

You can find the code for my forked version here: https://github.com/kalenwallin/portfolio.v3