Johnny Builds
@johnnybuilds.bsky.social
Dev sharing brass tacks & the nitty gritty #buildinpublic 💯 Only posting bangers! Currently building the publishing platform for live coding at https://codecook.live
Also:
👋 https://publicbuilders.org
🏠 https://johnnybuilds.com
Also:
👋 https://publicbuilders.org
🏠 https://johnnybuilds.com
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)
- Republishing on other publishing platforms (Medium, Hashnode, etc)
- Republishing on microblogging platforms (Twitter/X, Bluesky, Threads)
January 12, 2025 at 11:00 PM
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)
- Republishing on other publishing platforms (Medium, Hashnode, etc)
- Republishing on microblogging platforms (Twitter/X, Bluesky, Threads)
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)
• 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)
January 12, 2025 at 10:04 PM
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)
• 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)
You can also follow along at codecook.live/johnnybuilds... where I’ve enabled chat.
CodeCook.live
The publishing platform for live coding that turns your commits into live code cooking sessions
codecook.live
January 12, 2025 at 9:29 PM
You can also follow along at codecook.live/johnnybuilds... where I’ve enabled chat.
If you prefer to read this CodeCook session in blog post format, check it out at codecook.live/johnnybuilds...
January 11, 2025 at 6:06 PM
If you prefer to read this CodeCook session in blog post format, check it out at codecook.live/johnnybuilds...
And with that our projects page looks much nicer!
January 11, 2025 at 6:00 PM
And with that our projects page looks much nicer!
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.
January 11, 2025 at 5:38 PM
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.
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
The publishing platform for live coding that turns your commits into live code cooking sessions
codecook.live
January 11, 2025 at 4:22 PM
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...
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...
January 11, 2025 at 4:15 PM
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...
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?
January 11, 2025 at 4:15 PM
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?
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.
January 10, 2025 at 10:12 PM
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.
You can check out the session where I added chat to CodeCook in a session on CodeCook at codecook.live/johnnybuilds...
CodeCook.live
The publishing platform for live coding that turns your commits into live code cooking sessions
codecook.live
January 9, 2025 at 11:19 PM
You can check out the session where I added chat to CodeCook in a session on CodeCook at codecook.live/johnnybuilds...
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
The publishing platform for live coding that turns your commits into live code cooking sessions
codecook.live
January 8, 2025 at 11:40 PM
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
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...
January 8, 2025 at 10:28 PM
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...
Thanks! I've got a waitlist up at codecook.live
January 7, 2025 at 9:26 PM
Thanks! I've got a waitlist up at codecook.live
You can see the chart at publicbuilders.org/xvb
January 4, 2025 at 5:36 PM
You can see the chart at publicbuilders.org/xvb
I piece together icons from free icon sets like lucide and hero icons
January 4, 2025 at 4:50 PM
I piece together icons from free icon sets like lucide and hero icons