From Blog to Personal Idea Incubator
🌱 A New Chapter
For nearly two decades, I’ve kept a blog. Initially on Blogger then on Wordpress. These days, most of my ideas arrive first thing in the morning—often while I’m out for my early morning walk and chatting with an AI assistant. Occasionally, I’ll turn one of those ideas into a blog post, and sometimes even a quick prototype. But the truth is, most concepts never make it that far.
With AI as a collaborator, the gap between “I have an idea” and “I built a demo” has nearly disappeared. What I need now is a streamlined process to turn inspiration into something tangible.
What started as a simple blog has evolved into something more: something like a personal idea incubator. I yet have to give it a suitable and catchy name. It’s a digital greenhouse where raw thoughts can grow into interactive projects—where prototypes and polished work live side by side. A lab for fast experimentation.
Imagine a world where blog posts aren’t just words on a page, but playgrounds—places where you can tinker, test, and experience ideas firsthand. What if every article could invite you to interact with a working prototype, not just read about it?
That’s the vision here: to erase the line between content and code. No more waiting for a separate project or a distant launch. If an idea sparks, it can become real within the post itself, ready for anyone to explore.
🛠️ Technical Implementation
Initially I wanted to connect some AI to wordpress in order to automate the publishing of posts, but since writing software with AI has become so cheap and easy, I decided to build a custom solution from scratch where SOFTWARE IS CONTENT. I chose a simple and AI friendly tech stack.
To support this new direction, I’ve settled on two main post formats:
MDX Posts
Traditional MarkDown content for simple posts where I want to have the smoothest workflow. They are also good for importing existing content.
React Components
Posts that require formatting beyond what's possible with MarkDown allowing for interactive elements and complex layouts. Like this post for example!
Interactive Elements
React components open the door to rich, living content: forms, visualizations, real-time updates, and playful animations. This very post is a demonstration—each section is a chance to interact, not just observe.
Leveraging GitHub
I can use GitHub Copilot Agent to add content to the website. It can import posts from my old blog, create new posts, update existing ones, and even help with formatting and styling. This makes it easy to keep the site fresh and experiment with new ideas.
Every push to the main branch triggers a fresh build and deploy. The site is entirely static—fast, secure, and free to host—so experiments can be shared instantly with anyone.
⚡ Streamlining the Workflow
The real magic is in the workflow: a seamless path from raw idea to published, interactive piece. No bottlenecks, no waiting—just a direct line from inspiration to creation.
🔄 The Flow
Here’s how ideas move through this system. Click each step to follow the journey:
Idea
I usually wake up with an idea. It could be insired by something I read, saw, or a problem I want to solve. Sometimes it's just a question or a curiosity.
Once I get back home, Github Copilot Agent has created and published a new post based on the draft. If the idea called for a prototype, it’s already live and ready to explore.
Of course this process still has some hiccups and rough edges. I need to manually copy the draft, approve the pipeline workflows, approve the merge request and most of the time iterate on the published content to make it more to my liking.
But even with these small manual steps, the turnaround time from idea to live content has shrunk from days or weeks to mere hours. This rapid cycle encourages more experimentation and risk-taking.
🎨 Future Content
This isn’t just a blog anymore—it’s a laboratory, a workshop, a digital playground. Every post is an invitation to try something new, to build something interactive, to see what a “blog post” can really become.
Software PoCs
Test new ideas and technologies with working prototypes
Interactive Games
Build playable experiences directly in blog posts
Live Demos
Show don't tell with executable examples
Data Visualizations
Make complex data interactive and explorable
Tutorials
Hands-on guides with live code samples
Portfolio Entries
Showcase projects with interactive elements
Artistic Experiments
Blend creativity and code in unique ways
Business Plans
Pitch ideas with interactive financial models
Research Documents
Present findings with dynamic charts and simulations
Software PoCs
Test new ideas and technologies with working prototypes
Interactive Games
Build playable experiences directly in blog posts
Live Demos
Show don't tell with executable examples
Data Visualizations
Make complex data interactive and explorable
Tutorials
Hands-on guides with live code samples
Portfolio Entries
Showcase projects with interactive elements
Artistic Experiments
Blend creativity and code in unique ways
Business Plans
Pitch ideas with interactive financial models
Research Documents
Present findings with dynamic charts and simulations
Explore. Interact. Give feedback. This is just the beginning.