Learn Base Code

An independent course on Base44's Base Code, from what it is to your first merged pull request.

Independent. Not affiliated with or endorsed by Base44.

Year2026
RoleCreative direction and product
TimelineBuilt 3 to 9 October 2026
StageLive

React
Vite
Tailwind CSS
Framer Motion
GSAP
Lenis
NumberFlow
Remotion
Python
Playwright
Base44

Visit the live app

Learn Base Code in huge black type on lime with Base Code boxed in black, three phones showing the lesson index, the Pull requests lesson and the Who it is for lesson, and a handwritten note: real screenshots, not mockups. — real screenshots, not mockups

Every fact sourced

A one-page course on Base Code, Base44's product for teams with an existing codebase. Twelve lessons, every fact linked to its source, plus a 30-second launch film. Unofficial and not affiliated with Base44.

The palette

Pick a colour to copy it

At a glance

Project: Learn Base Code
Made by: Aatman (AJ) Jain
What: Course
Role: Creative direction and product
Timeline: Built 3 to 9 October 2026
Year: 2026
Stage: Live
Built with: React, Vite, Tailwind CSS, Framer Motion, GSAP, Lenis, NumberFlow, Remotion, Python, Playwright, Base44
Live at: basecode.aatmanjain.com (opens in a new tab)

lessons, about 1 to 5 minutes each: 12
sources, every fact linked: 13
launch film, with sound: 30s

The 30-second launch film. Real screen captures of the guide, cut on a 120 BPM beat. Sound on.

01

The problem

On 28 September 2026, Base44 launched Base Code. It's for teams that already have a codebase: connect a GitHub repo, describe a change in chat, get a pull request back.

That's a different Base44 from the one most builders know. And the facts were spread out: a product page, the docs, a changelog and press coverage.

I wanted one page that walks through it in order, from "what is Base Code?" to your first merged pull request.

02

The approach

Three rules, and I stuck to them.

Every fact links to its source. There are 13 sources, and each claim on the page points at the one it came from. Press coverage is marked as press.

Show it, and say when it's a drawing. The demos are illustrations of how Base Code works, and every one is labelled as an illustration, not the real Base Code UI.

If it isn't in the sources, say so. Things the official pages don't cover get a "Not in the sources" stamp instead of a guess.

Facts were checked against the sources on 7 October 2026. It's independent: not affiliated with, endorsed by or sponsored by Base44 or Wix.

03

What I built

It's one page with 12 lessons: The problem, The loop, Getting started, Branches, Pull requests, Secrets and infrastructure, Teams and control, Who it is for, Models and credits, Limits and gotchas, Not to be confused with, and an FAQ.

What's inside

Every fact sourced
13 sources, and every claim on the page links to the one it came from.
Twelve lessons
From the problem Base Code solves to limits, gotchas and an FAQ.
A playground
Describe a change and see the branch, commits, preview and pull request it turns into.
Honest illustrations
Every demo is labelled as an illustration, not the real Base Code UI.
A prompt for your AI
Copy a prompt that points your assistant at the official docs first.
A launch film
Thirty seconds of kinetic type with real captures of the guide.

Slide to start. The course opens with a slider, then each lesson starts with the main points in 20 seconds.
The loop, played out. Connect, Build, Preview, Review, step by step, ending in a pull request you merge on GitHub.
Your progress. A lesson index, a lesson complete toast and a chart of the minutes you spent on each lesson.

04

How it went

It's live at basecode.aatmanjain.com, with the 30-second launch film alongside it.

Base Code is new and changes quickly, so the page says when the facts were checked and links straight to the docs. If your team has a codebase and keeps waiting on small changes, start with lesson one.