• I’ve used kyleronning.com as a playground over the years to learn more about web development
• My first version was just HTML and used tables for the layout
• I’ve played with PHP, Django, WordPress, and most recently Astro
• Nothing’s really stuck, and after tinkering on a version, I never ended up posting anything
• Right now I use Notion daily, and track tech trends and a loose work log in it
• For a while now, I’ve thought about trying to make it so that what I’m adding to my Notion workspace can be automatically published to my website
• So I spent a Friday night with GPT-5.5 and OpenCode building this initial version that you can find here: https://github.com/kronning6/kyleronning.com
• I created a new workspace and created a parent page to hold all the website pages I want to publish
• I created a database for a devlog and another for longer form posts
• I currently use Next.js for most of my projects, but don’t utilize some of the features useful for websites since I mostly build web apps
• So I chose Next.js because it’s what I’m familiar with but want to get a deeper understanding of as well
• If you look at the code, you see that it uses the Notion JS Client to load page content within the parent page I created
• Below you’ll see the types of Notion blocks that are supported currently
• All the basic blocks and a couple others like the code block
• I’ll add support for other block types if I find I’m missing one I use
• One thing you’ll notice is that I’m writing in bullets
• I’ve been Bullet Journaling for almost 4 years now and wrote about it here: Bullet Journaling
• It’s an analog system that has really helped me keep track of everything
• I thought it’d be fun to try designing this site and writing style as if it was a Bullet Journal
• I’m not a great writer, so I thought I’d give this more concise style a try
• And if you’re like me, you’re sick of AI generated text, so maybe my messy, poorly written words can be a breath of fresh air

• paragraph
• heading_1
• heading_2
• heading_3
• heading_4
• bulleted_list_item
• numbered_list_item
• quote
• callout
• to_do
• toggle
• code
• divider
• image

• A note

A quote

function hello(name: string): void {
    console.log(`Hello, ${name}`);
}

hello('Kyle');