Skip to main content

Deploy From Scratch: From Code to Link

Deploy on Vercel with no jargon: turn the project sitting on GitHub into a public link you can send anyone, then add your own domain on top.

Lessons

5 lessons
Chapter 1 · The Problem and the Solution
01

Your Project Only Runs on Your Computer

Why nobody can see it as long as it's stuck on localhost, and what a server actually is.

02

What Deploying Is, and Which Server to Pick

What happens when you publish, and why this course uses Vercel.

Chapter 2 · Vercel in Practice
03

What Vercel Is, and Your Account

What kind of projects it's built for, and how to sign up by connecting GitHub.

04

The Real Deploy: From Dashboard to Link

From repository to public link, one step at a time, right now.

Chapter 3 · Your Address
05

Your Own Domain, Not Just a Subdomain

Buying the domain inside Vercel: it connects itself, no DNS to touch.

Esc
From a Confusing Brief to a Complete UX/UI A vague brief becomes a navigable app. Product Ad From a Single Photo A photo becomes an animated ad, no code required. Get Claude to Watch Your Videos Claude watches your videos and turns them into text. Higgsfield Inside Claude Code Generate images and video while you code in Claude Code. Turn a Loom Recording Into a Web Page A screen recording becomes a web page, no code. Vertical Shorts With NotebookLM Your sources become a vertical short. Luxury Landing Pages on Lovable A luxury landing page from a single prompt. Excalidraw Running Locally Excalidraw free on your computer, no code. Mistral OCR in Your Workflow Extract text from documents with Mistral OCR. Claude SEO in the Terminal 25 free SEO skills inside Claude Code. Google Search Console inside Claude Code Search Console data inside your terminal. Claude Code Routines Claude working on its own, computer off. Clone a Landing Page in React With v0 Clone a real landing page into React code. Context Economy With Claude Work light and don't burn through Claude's limits. From Prompt to Self-Improving Skill Claude skills that learn from your mistakes. From NotebookLM to Canva: Presentations NotebookLM slides, finally editable in Canva. The Map for Understanding Every AI Tool 12 categories for placing any AI tool. Transparent PNGs With ChatGPT Real transparency, not a fake checkerboard. Animated Infographics With Gemini Infographics that loop, animated with Gemini. Market Research With Deep Research Deep Research as your market analyst. Get Cited by AI Search Engines (AEO) Become a source that ChatGPT and Perplexity cite.
Claude Chat Learn Claude from scratch: effective prompts, Projects, documents, and limits — eleven hands-on lessons for true beginners, no experience needed. Premium Landing Pages with Fable 5 From brief to live site: build cinematic, premium 3D landing pages with Fable 5 in Claude Code, orchestrating Seedance on Higgsfield. Three lessons. Claude Code Basics Claude Code explained from scratch: what it is, how it differs from Claude Chat and Cowork, and how to actually use it — even without opening a terminal. Deploy From Scratch: From Code to Link Deploy on Vercel with no jargon: turn the project sitting on GitHub into a public link you can send anyone, then add your own domain on top. Git and GitHub for Vibe Coders Built a project with Claude Code or Codex? Learn to put it on GitHub, roll back changes when things break, and bring other people in to help.
AI Glossary Terms and definitions Animation Vocabulary Keywords for vibe coding UI Libraries Components for vibe coding Design Skills AI skills for designers Clear Brief The sheet to bring to the call Visual GitHub Commands What each command does Token Counter Calculate API costs Mistral OCR 4 Try the new model