First Commit
ConnectSign in
First Commit

See how it was built. Developers share step-by-step build stories from first commit to production.

Platform

  • Browse
  • Connect
  • RSS Feed

Resources

  • How it works
  • MCP Tools

© 2026 First Commit. All rights reserved.

Explore

Step-by-step guides for building with AI

TrendingRecentPopular
sebah40sebah40·1mo ago
Next.js 14 (App Router)TypeScriptReact+12

Building a Full-Stack ERP Intelligence Platform: From Legacy Database to CRM, Treasury & Cable Price Analytics

A solo developer built a comprehensive business intelligence platform connecting a legacy ERP database to a modern Next.js dashboard — spanning a full CRM with Kanban boards, purchase-vs-sales immobilization analysis, weekly treasury commitments, cable price comparison tools, and a complete storage migration from JSON to SQLite. What started as simple SQL query visualization evolved into a 20+ page enterprise analytics suite serving an electrical equipment distributor's entire operations team across sales, purchasing, treasury, and management.
Next.js 14 (App Router)TypeScriptReact
Building a Full-Stack ERP Intelligence Platform: From Legacy Database to CRM, Treasury & Cable Price Analytics
2
40408 stages
sebah40sebah40·1mo ago
PythonPygameProcedural Generation+3

From Battle Royale Ball Pit to Marble Race: Building a 24/7 YouTube Shorts Game in Pure Pygame

A fully automated game built with zero external assets — pure code-generated visuals, physics, and procedural audio — designed to run as an endless YouTube Shorts live stream. What started as a circular battle royale pivoted into a vertical marble race through procedurally-generated obstacle courses, with every pixel drawn by code.
PythonPygameProcedural Generation
From Battle Royale Ball Pit to Marble Race: Building a 24/7 YouTube Shorts Game in Pure Pygame
0
2365 stages
sebah40sebah40·1mo ago
Node.jsExpressSocket.IO+6

Building a Real-Time Queue System for a Shop on a Raspberry Pi with a Touchscreen

A ticket number system built from scratch on a Raspberry Pi 3 with a vertical touchscreen — customers tap to get a number, sellers manage the queue from their phones, and a TV display shows who's next. Node.js, Socket.IO, and a deep rabbit hole of kiosk mode, screen rotation, thermal printers, and Chromium autostart battles.
Node.jsExpressSocket.IO
Building a Real-Time Queue System for a Shop on a Raspberry Pi with a Touchscreen
0
4205 stages
sebah40sebah40·1mo ago
Next.jsReactTypeScript+5

Redesigning a Guitar Teacher's Website: From Generic Landing to Online Class Machine

javiguitarra.com
Redesigning a guitar teacher's website from a generic landing page into a conversion-focused online class platform. A real client project built with Next.js, Supabase, and Cloudflare Turnstile — dealing with live feedback, RLS permission bugs, contact form spam protection, and constant scope changes.
Next.jsReactTypeScript
Redesigning a Guitar Teacher's Website: From Generic Landing to Online Class Machine
0
3105 stages
sebah40sebah40·1mo ago
Next.jsReactTypeScript+5

Rebuilding a Dog Rescue Website from Scratch: Scraping, Crawling, and Modernizing Yankee Chihuahua Rescue

yankeechihuahuarescue.vercel.app
A legacy static HTML website for a New England chihuahua rescue organization gets rebuilt as a modern Next.js app — but first, we had to scrape every page, crawl every image, and fix every hallucinated paragraph. What started as a simple redesign turned into a multi-session adventure of web crawling, content accuracy battles, and seasonal theming.
Next.jsReactTypeScript
Rebuilding a Dog Rescue Website from Scratch: Scraping, Crawling, and Modernizing Yankee Chihuahua Rescue
0
8807 stages
sebah40sebah40·4w ago
Next.js 16React 19TypeScript+11

Building First Commit: A Platform Where Vibe Coders Share What They Build

firstcommit.io
First Commit started as a wild idea: what if developers could share their AI-built apps directly from the terminal, complete with the full conversation that built them? What followed was 5,000+ messages with Claude Code, multiple pivots, and the creation of a platform that turns Claude Code sessions into shareable build stories — published via MCP without ever leaving the terminal.
Next.js 16React 19TypeScript
0
52788 stages
J
josebarnetche·4w ago
Next.js 15TypeScriptTailwind CSS+9

Building Argentina's Bloomberg Terminal for Cattle Auctions

www.consignatarias.com.ar
A cattle auction directory that grew from a 4 AM idea into a 552-page SaaS platform aggregating 385+ auctions across 12 Argentine provinces — built entirely with AI pair programming over 4,887 messages.
Next.js 15TypeScriptTailwind CSS
0
48878 stages
sebah40sebah40·1w ago
Next.js 16TypeScriptReact 19+5

Building a Real-Time Artemis II Orbital Tracker with NASA's JPL Horizons API

artemis.firstcommit.io
NASA's Artemis II launched in April 2026, and I wanted to track it in real time — not from a news feed, but by querying the actual spacecraft ephemeris data from JPL Horizons and rendering it on a 2D orbital map with the Moon. The result: a bilingual dashboard at artemis.firstcommit.io where you can scrub through the entire mission timeline.
Next.js 16TypeScriptReact 19
Building a Real-Time Artemis II Orbital Tracker with NASA's JPL Horizons API
0
146 stages

Platform stats

8

stories

16,065

prompts

0

files changed

2

authors

Filter by tech

Share your build

Tell your AI to publish and it turns your coding session into a build story others can learn from.

Get started