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 — a full CRM with Kanban boards, purchase-vs-sales immobilization analysis, weekly treasury commitments, and a cable price comparison system. 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
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·1mo 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·1mo 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·3w 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
sebah40sebah40·1w ago
Next.js 16React 19TypeScript+14

Prisma Público: crossing 3 gov datasets that weren't meant to talk to each other

prismapublico.firstcommit.io
What happens when you cross Argentina's national budget, 110K public contracts, and 74K campaign donations into one tool. Scraping ASP.NET ViewState, normalizing 11 years of inflation, and the long war against Vercel to make it all load on mobile.
Next.js 16React 19TypeScript
Prisma Público: crossing 3 gov datasets that weren't meant to talk to each other
0
164111 stages

Platform stats

8

stories

17,470

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