iiinova — where your digital self keeps evolving

Johnny Builds @johnnybuilds.bsky.social · 12/01/2025

Beyond simply copying and pasting the url, I've decided on two additional use cases for sharing from my platform: - Republishing on other publishing platforms (Medium, Hashnode, etc) - Republishing on microblogging platforms (Twitter/X, Bluesky, Threads)

010

Johnny Builds @johnnybuilds.bsky.social · 12/01/2025

CodeCook.live is a publishing platform. First up, I simplified the buttons on the user’s list of sessions: • Copy link (the most common way to share) • Share button (to open the dialog we are about to build) • Go Live (for starting a CodeCook live code session)

110

Johnny Builds @johnnybuilds.bsky.social · 12/01/2025

I'm starting up a new CodeCook session on rethinking the traditional share dialog for sharing content. Follow along on this post thread as we explore how I can make sharing better on my publishing platform for live coding. #buildinpublic

160

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

If you prefer to read this CodeCook session in blog post format, check it out at codecook.live/johnnybuilds...

000

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

And with that our projects page looks much nicer!

100

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

As a bonus, I added a button to the `EditProjectForm` to allow people to easily generate a new screenshot for their project using this same function.

100

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

Then I use the utility function in my `createProject` server action to capture the screenshot and upload it to S3 at a url keyed to the username and project id. You can see the code at codecook.live/johnnybuilds...

codecook.live

CodeCook.live

The publishing platform for live coding that turns your commits into live code cooking sessions

100

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

I’ve done this sort of thing before. We can use Puppeteer to capture a screenshot of a specified webpage by navigating to its URL and rendering it in a headless browser. I make a simple utility function to do this: github.com/johnnybuilds...

100

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

The first thing I notice is that we could have images for the projects. We allow you to upload screenshots after you import your project, but people might be likely to miss that. What if we made it automagic?

100

Johnny Builds @johnnybuilds.bsky.social · 11/01/2025

I’m starting to share this little project I’ve been working on and one thing that stands out to me is that the Profile and Project pages are a bit plain. I'm going to share my progress here in this thread. As a starting point, here is what the profile page looks like right now. #buildinpublic

140

Johnny Builds @johnnybuilds.bsky.social · 10/01/2025

I’m starting to actually share this little project with people now and one thing that stands out to me is that the Profile and Project pages are a little plain. As a starting point, here is what the profile page looks like right now.

010

Johnny Builds @johnnybuilds.bsky.social · 09/01/2025

You can check out the session where I added chat to CodeCook in a session on CodeCook at codecook.live/johnnybuilds...

codecook.live

CodeCook.live

The publishing platform for live coding that turns your commits into live code cooking sessions

020

Johnny Builds @johnnybuilds.bsky.social · 09/01/2025

Finished adding chat to CodeCook. Looking forward to my next live code session be a little more "live" #buildinpublic

150

Johnny Builds @johnnybuilds.bsky.social · 08/01/2025

Next up, I'm going to add a way for anyone to join a chat as a guest. I’m actually publishing as I go on codecook.live/johnnybuilds... as well, where you can see my efforts happen live. Hopefully I can get the chat fully working soon. #buildinpublic

codecook.live

CodeCook.live

The publishing platform for live coding that turns your commits into live code cooking sessions

010

Johnny Builds @johnnybuilds.bsky.social · 08/01/2025

My prompt to Cursor: I want to refactor the chat interface to be a twitch chat drawer on the right that pushes the content over. It takes a quite a few prompts and ultimately actual manual coding (😱 the horror!!!) to get it right. github.com/johnnybuilds...

100

Johnny Builds @johnnybuilds.bsky.social · 08/01/2025

In my last session on my publishing platform live coding, I started to add chat. Now I’m going to pick up from where I left off, starting with a UI refactor. Here’s a screenshot of where we’re at.

200

Johnny Builds @johnnybuilds.bsky.social · 07/01/2025

Renewing another live coding session on where I finish adding chat. Follow along at codecook.live/johnnybuilds... with any luck you’ll see a chat window show up there at some point during the session.

110

Johnny Builds @johnnybuilds.bsky.social · 07/01/2025

Thanks! I've got a waitlist up at codecook.live

100

Johnny Builds @johnnybuilds.bsky.social · 04/01/2025

I'm going to work on adding chat to CodeCook so I'm starting up a live session (the first ever!) Unfortunately it won’t have chat because that’s what I'm building 😀 codecook.live/johnnybuilds...

codecook.live

CodeCook.live

The publishing platform for live coding that turns your commits into live code cooking sessions

010

Johnny Builds @johnnybuilds.bsky.social · 04/01/2025

You can see the chart at publicbuilders.org/xvb

000

Johnny Builds @johnnybuilds.bsky.social · 04/01/2025

I've been tracking follower growth of 100+ #buildinpublic accounts for a few months now. Originally, Bluesky was the clear leader for getting followers, especially for those that don’t already have a big audience. Unfortunately, 𝕏 has caught back up. I'm still hopeful for 🦋 but it is concerning

240

Johnny Builds @johnnybuilds.bsky.social · 04/01/2025

I piece together icons from free icon sets like lucide and hero icons

120

Johnny Builds @johnnybuilds.bsky.social · 04/01/2025

I’ve got live coding working on my publishing platforming for live coding. I’m thinking of calling live coding for introverts. I also have no idea what I’m doing 🙃 but its fun as hell #buildinpublic

180

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

The first live session of CodeCook is unfortunately just me on localhost listening for commits to CodeCook. #livecoding

000

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

I’d venture to say Bluesky’s API if fucking excellent actually

110

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

The final episode of Severance Season 1 is one of the biggest payoffs to a season of TV that I can think of.

120

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

Instead of writing tests when starting a project, go all in with strict typescript interfaces. No any! With Cursor, it is much easier to enforce. Once you've baked long enough and want to make sure you don't break stuff, add tests. Puppeteer can record clicks and Cursor can scaffold up your tests.

030

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

Here's the post thread where I added in the ability to publish post threads via Bluesky API: bsky.app/profile/john...

100

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

CodeCook Day 13 Update #buildinpublic 🦋 Added Bluesky sharing functionality #️⃣ Enhanced posts with hashtag support 🧵 Published first thread via Bluesky API 📂 23 ➕ 1201 ➖ 388

120

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

I've got a component that is working pretty well now. Let's see if I can get the post to work. I threw a prompt to Cursor to add the post and it one-shotted it! Holy crap it worked. Here's the post: bsky.app/profile/john...

000

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

Once I’ve got that going, I'll start adding features for it to become the world’s first publishing platform for live coding. Lots to do!

000

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

I'm thinking about codecook.live as a code-first writing and publishing platform, a place to build projects going from zero to launch and beyond. I'm planning to start with making it easy to take code commits for your project and publish as post threads on social media or blog posts on dev sites.

100

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

It spit out a landing page with Header, Hero, Features, HowItWorks, CommunityShowcase, CallToAction and Footer composed of Shadcn UI components: github.com/johnnybuildsyo/CodeCook.live/commit/67b0813

110

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

V0 makes it really easy to spin up UI so I v0.dev/chat/OMHzSZls86A?b=b_kYHGhXeupDf: ↱ Landing page for CodeCook.live, a site for live coding in post thread format. Share and learn with the community as you build in public.

Screenshot of landing page generated by v0 for CodeCook.live

100

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

What if there was a platform that allowed me to share what I was working on while I was working on it, but didn't get in the way? A place where I could showcase my work and get immediate feedback. 🤔

100

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

I came up with the idea for CodeCook.live when I was bsky.app/profile/johnnybuilds.bsky.social/post/3lct4orsaqc25 some code for a project. Sharing my coding process in real-time was a lot of fun. It got me thinking...

100

Johnny Builds @johnnybuilds.bsky.social · 03/01/2025

Then there's the matter of the text limit. We need to do all this markdown transformation then intelligently split it into posts that are less than 300 characters. Thanks goodness for Cursor!

100

Johnny Builds @johnnybuilds.bsky.social · 02/01/2025

I'm building a publishing platform for live coding (currently just working on the publishing part). Problem 1 is to intelligently convert the markdown to text in a post. Images are particularly tricky.

100

Johnny Builds @johnnybuilds.bsky.social · 02/01/2025

Working on adding a Post to Bluesky feature to my Next.js app. Got the connect account working. Next up, need to transform markdown into a post thread... #buildinpublic

130

Johnny Builds @johnnybuilds.bsky.social · 02/01/2025

Up next, setting up Bluesky as a first class integration for publishing from a coding session...

000

Johnny Builds @johnnybuilds.bsky.social · 02/01/2025

Not very "live" yet - we'll get there!

000

Johnny Builds @johnnybuilds.bsky.social · 01/01/2025

Changed it. Not really an "editor" - this a live code cooking session manager. Still more to improve, but this is where I'm at now.

000

Johnny Builds @johnnybuilds.bsky.social · 01/01/2025

Here's the editor view (in progress) - light & dark mode of course

100

Johnny Builds @johnnybuilds.bsky.social · 01/01/2025

Haven't been posting so much because I've been heads down working on CodeCook.live - the Publishing Platform for Live Coding. I've got a waiting list up now.

100