--- title: "Ship Your First App with AI: From Idea to a Live Website" description: "A beginner guide to building and shipping a real website with AI: scaffolding, a dev server, Git and GitHub, then deploying to Vercel with a custom domain." type: "article" locale: "en" category: "Grundlagen" canonical: "https://agenticschool.dev/knowledge/ship-your-first-app" datePublished: "2026-06-12" dateModified: "2026-06-12" --- # Ship Your First App with AI: From Idea to a Live Website - Category: Grundlagen - Reading time: 10 min - Published: 2026-06-12 - Updated: 2026-06-12 - Keywords: ship an app, deploy, Vercel, Git, DNS, beginner - Canonical URL: https://agenticschool.dev/knowledge/ship-your-first-app - Locale: en > A beginner guide to building and shipping a real website with AI: scaffolding, a dev server, Git and GitHub, then deploying to Vercel with a custom domain. Most people get stuck between having an idea and seeing it live on the internet. The path feels like a wall of unfamiliar words: scaffolding, dev server, Git, DNS, deployment. It is far simpler than it looks once you do it in order. This guide walks the whole loop, from scaffolding a project and running it locally to putting it under version control and deploying it to the public internet with a real domain. ## Scaffold and run locally Rather than memorise a framework, have your agent scaffold a modern starter and explain each step. The flow is always the same: create the project, install dependencies, start the dev server, open the browser. The dev server prints a local address like localhost, which simply means this computer. Nothing is on the public internet yet, which is exactly what you want while building. Edit a file, save, and the browser updates instantly, which is what makes web building feel fast. ## Put it under version control Git is version control: it takes snapshots of your project called commits so you can always go back. Think of it as an unlimited undo history with labels. Each commit records what changed and why, so a bad edit is never a disaster, you just return to the last good commit. This single habit removes the fear that stops beginners from experimenting, because nothing is permanent until you decide it is. ## Keep secrets out before you push Before you push anything to GitHub, make sure secrets cannot escape. A .gitignore file lists things Git should ignore, and your .env file, where API keys live, belongs there. The rule is absolute: secrets go in .env, .env goes in .gitignore, and the agent never writes a key into committed code. Get this right once and you will never accidentally publish a key. Default business repositories to private so your code and IP stay yours. ## Deploy to Vercel Vercel is a hosting platform built for this. Connect your GitHub repo and Vercel watches it, redeploying automatically every time you push. Import your repository, accept the detected build settings for a standard project, and click deploy. In a minute or two you get a live URL anyone in the world can open. Set your secrets as environment variables in the Vercel dashboard rather than in code, so they stay safe and never touch your repo. ## Connect a custom domain DNS is the internet's phone book, translating a human name like yoursite.com into the address of the server that should answer. To connect a domain you add records, usually an A record or a CNAME, that point your name at Vercel. Vercel tells you exactly which records to create, you paste them into your DNS provider, and after propagation Vercel issues a free HTTPS certificate so your site loads securely. Many builders manage DNS through Cloudflare for free HTTPS, a faster global CDN and basic protection. ## Why shipping matters A project on your laptop earns nothing. A live site can be shown to customers, indexed by Google, recommended by AI and improved with real feedback. Automatic deploys mean shipping an improvement costs you a single push, so the loop from idea to live update is minutes, not days. That speed is the entire competitive advantage of building this way, and it only starts once you actually ship. ## FAQ ### Do I need to know how to code to ship an app with AI? Not deeply. You should understand how a project is structured and be able to state a task clearly, but your agent runs most commands. Knowing what each step does matters more than memorising the commands yourself. ### What does localhost mean? Localhost means this computer. When you run a dev server it serves your site at a localhost address that only you can see, which is exactly what you want while building before anything goes public. ### How do I avoid leaking an API key? Keep secrets in a .env file, list .env in .gitignore so Git never tracks it, and set production secrets as environment variables in your host like Vercel. Never let the agent write a key into committed code. ### What is DNS in simple terms? DNS is the internet phone book. It maps a human domain name to the server that should answer for it. Connecting a domain means adding records that point your name at your host, such as Vercel.