All tracks
Launch: Your Code, Your Domain, a Real Address
Mastery

Launch: Your Code, Your Domain, a Real Address

From owning your code to domain connection, GitHub, and going public on the Launchpad. The class's final gate

about 60 min16 steps

What you will have built

Publish your work at a real address and release it to the world with ownership of your code and data secured.

What you need

  • A VibeCampus accountrequired

    Sign up and you can follow the practice right away. Publishing and the free URL cost nothing extra.

  • Recommended first: Trustworthy Resultsoptional

    The build you launch should be a build that passed verification. Finish the trust course first and this one completes the set.

1

The difference between made and out in the world

You've made a lot by now. But it all still lives inside the Studio. When this course ends, that changes. A real address you can send a friend with "here's my site", your own domain that opens from any search bar, a public project collecting feedback and cheers on the Launchpad. You go from someone who made things to someone who launched them.

The word launch can drag along words like server, deploy, and DNS until they feel like a wall. It's fine. This course dissolves that wall brick by brick with term cards, and the actual buttons take a few clicks. The scary part is the names, not the substance.

And one more theme runs through this course: ownership. The code, the data, and the domain are yours. You'll confirm that launching isn't binding yourself to a platform. It's planting your own assets in the world.

2

Viewing all the code: this code is mine

Press the code tab in the Studio and the entire source code of your current build appears. Not one line hidden. Can't read it? That's fine. What matters is that you can always see all of it, copy it, and take it with you.

Why does this matter? Some tools cage your results inside themselves; leave the tool and nothing leaves with you. VibeCampus is the opposite. The code of what you build is wholly yours, so you can move it anywhere, show it to any developer, and edit it yourself.

Skim the code and, surprisingly, parts of it read. When button labels, color codes, and section titles start surfacing, that's the first step of code turning from alien script into a document.

If you see this, it worked

The code tab shows the full source, and the copy button puts it on your clipboard. Scroll along and discover your site's own phrases inside the code, and this step has done its job.

3

Downloading the code: a backup in your hand

Press the download button and the build comes down as a file. That file is a complete copy on your computer. Internet down, whatever happens, your work stays in your hands.

The downloaded file opens straight in a browser. Double-click it, and the site you were just viewing in the Studio opens from your own machine. Watching it open with no server is a wonderful moment for understanding what the web really is.

For important builds, get in the habit of downloading each version and filing them into folders. Name them v1, v2, and you've built your own archive of history.

Tip

Downloads are free, so take one before every big edit. It's the most primitive backup, and the most certain.

4

The handoff pack: moving boxes that go anywhere

The handoff pack is the download's complete edition. Alongside the finished product (index.html), you get a README covering running, hosting, and backend connection, plus AGENTS.md, the document that hands the project over to AI tools. All in one zip. Free.

The power of this zip is continuity. Unzip it and open it in Claude Code, Cursor, or VS Code, and those AIs read AGENTS.md and continue the work already understanding the project. Hand it to a developer and the README makes explanations unnecessary.

And it's built so forms, members, and chat keep working wherever you put it. Moving boxes where the power and the water are already running when you arrive.

If you see this, it worked

Run the handoff and vibecampus-handoff.zip is saved. Unzip it and confirm the three files, index.html, README, AGENTS.md, and you've succeeded.

5

Embed code: slotting your work into other places

An embed is a copy-paste code fragment that slots your work inside another page. Even with a blog or company homepage already running, the promo videos and content you made in the Studio can go inside them.

On the video embed page, paste in any video address, a Studio promo, YouTube, or Vimeo, and it produces embed code with the aspect ratio, muted autoplay, looping, max width, and corner rounding all set. Copy it, paste it where you want it, done.

As launch strategy, embeds are a bridge. You don't abandon your existing channels; you lay your new creations on top of them, connecting the two worlds.

Tip

Before pasting embed code, check the look in the live preview first. Match the ratio and width to the destination page and it sits as naturally as the content that was already there.

6

What is a domain: the sign, the phone book, the lock

Now, the address. Publishing alone grants a free address, but if you're building a brand, you'll want your own domain. Nobody needs convincing that myflower.com belongs on a business card and mysite-abc123 doesn't.

Around the word domain travel two constant companions: DNS and SSL. The three cards below sort them out, so open each one. With these three you can follow most domain conversations.

And some advance reassurance: on VibeCampus you'll rarely touch any of the three directly. Know the concepts, and the tool presses the buttons.

Term cards · tap to open

Domain

Your shop sign and address in the internet world. Like myflower.com.

The name people type to reach your site. Publishing gives you a free address immediately; your own domain is the optional extra step for brand building. Usually registered and renewed by the year.

DNS

The internet's phone book, translating the name on the sign into the building's actual location.

The system linking domain names to server addresses. Adding a record while connecting a domain is writing a new line into this phone book, and a new line takes a little time to spread around the world.

SSL (HTTPS)

The lock that seals the conversation between customer and shop inside an envelope.

The padlock in the address bar, encrypting the traffic between visitor and site. Modern browsers warn on sites without it, making it effectively mandatory, and connecting through VibeCampus issues the certificate automatically.

Heads up

A domain is closer to a lease than a possession. Forget to renew and you lose the address, and popular names get taken by someone else immediately. Turn on auto-renew when you register.

7

Domain search: finding your name

Type the name you want on the domains page and you check registration status across the world's domains at once. It queries public registry data live, showing available or already taken on the spot. Searching is free, even without an account.

Prepare three or four candidate names. The name you had in mind is already taken more often than you'd think. If .com is blocked, considering other endings like .co or .kr is a legitimate move.

Found an available name? You can carry straight through to purchase. Register through VibeCampus and it auto-connects to your published build with no DNS setup needed. In the next step, you also learn the road for connecting a domain you already own.

If you see this, it worked

The search results show available or already taken for each ending. Finding at least one available candidate makes this step a success.

Try it now

Tip

Three tests of a good domain: short, spelled the way it sounds, and connected to the brand. If someone can type it correctly after hearing it once over the phone, it passes.

8

Connecting a domain: hanging your site on your address

Already own a domain? Attach it to your published build on the connect page. The flow is three moves. Add the domain and the screen shows DNS records (type, host, value); add those exact values in the management screen of the registrar where you bought the domain; then come back and press Verify DNS.

Once verified, hosting and HTTPS finish automatically, and when it's done the status flips to live. All you did was copy and paste, and behind the scenes the phone book entry and the lock issuance are complete.

If publishing feels scary, that's okay. You can always flip back to private, and a domain connection can be undone. Launch isn't an irreversible stamp; it's an adjustable switch.

Heads up

DNS propagation can take minutes to hours. Failing verification right after adding the record doesn't mean it's wrong; give it time and press verify again.

If you hit an error

9

What a deploy does: behind the publish button

What actually happens when you press publish? Your work goes up onto a computer that's always on, a free address that opens anywhere in the world is issued, and the backend switches on automatically. That whole process is called a deploy.

This used to take days: renting a server, configuration, security, certificates. You now finish all of it with one button. Still, knowing what happens behind the button makes you the person who knows where to look when something goes wrong.

The three cards below sort out deploy, hosting, and server. The three chain into one sentence: a deploy is moving into the building called a server and receiving hosting.

If you see this, it worked

Press publish and moments later a free secure URL is issued, and that address opens on your phone and in other countries. Confirm it by copying the address and opening it on another device.

Term cards · tap to open

Deploy

Opening day for the shop. The moment what you made goes out to where real customers can walk in.

Putting your work on the internet so anyone can open it. On VibeCampus, one press of the publish button issues a free URL as well, and you can flip back to private at any time.

Hosting

The building management service where your shop lives. The lights never go out, 24 hours a day.

The service that stores your site's files and delivers them to visitors. Publish and VibeCampus takes over the hosting for you, so the building is never your worry.

Server

The always-on computer that works every time an order comes in.

The computer that runs your site day and night. No buying or configuring; it's readied behind the scenes the moment you publish, backend features switched on and all.

10

Why save to GitHub: save points for your code

The handoff pack gave you the code; now let's talk about protecting it. Developers record code in a version control system called Git, and store that record in an online vault called GitHub. The three cards below are the keys to this world.

The commands on screen are the three lines that leave a first record in your downloaded project folder. git init declares that this folder's history will be recorded, git add picks the files to record, and git commit presses the stamp along with a message. Run them and a save point named v1 first launch exists.

It's not mandatory today. But the more precious a project becomes, the more those save points are worth. The moment you unzip the handoff pack and run those three lines, your code gets one layer safer from mistakes and accidents.

Terminal
$git init
$git add -A
$git commit -m "v1 — first launch"
[main (root-commit) a1b2c3d] v1 — first launch

Term cards · tap to open

Version control (Git)

Like a game's save points, it stores moments of your code so you can always go back.

A system that records your code's history of changes. Mistakes can be rolled back to an earlier save point, so editing stops being scary. Even working alone, it's the sturdiest safety net there is.

Commit

The act of pressing the save button. A stamp that says "finished up to here".

The unit that records the current state into history along with a message. Leave one at every meaningful point and you can later return to exactly the moment you want.

GitHub

The cloud vault that keeps your save files, and the workshop of the world's developers.

A service that stores and shares Git records online. Your code stays safe even if your computer breaks, and handing a project to another developer or an AI tool becomes easy.

Tip

A commit message is a note to your future self. Instead of "fix", write what you did, like "add error message to booking form", and the you of one month from now will be grateful.

11

Moving with your data: yours from the start

As important as the code is the data. If bookings, members, and order records sit in a platform-owned warehouse, leaving means leaving them all behind. VibeCampus is structured differently. Connect a backend and the data is stored directly in a database you own (Supabase), from the very start.

What that structure means shows up on moving day. Take the code away with the handoff pack and host it elsewhere, and because the database lives in your account, the forms, the members, and the data carry on seamlessly. Not a move where you pack everything up, but one where you change houses and the furniture is already in place.

Before launch, check just once. If the build has forms or login, is the backend connected, and is data stacking up in your dashboard? That one check protects your future ownership.

Heads up

Publish without a backend connection and data like form submissions may simply not be saved. Find out after customers have arrived and the inquiries from that whole stretch are gone. Check before you publish.

12

Three maintenance paths: life after launch

Launch is not the end; it's the start of operations. When edits are needed, three roads lie open. First, continue in the Studio: refine chat and Click to edit, fixing things exactly the way you have been. The easiest road.

Second, the handoff pack plus AI tools: download the code and work on it directly in tools like Claude Code or Cursor. Thanks to AGENTS.md, those AIs start already understanding the project. Third, hand it to a person: code with a README can be picked up by any developer immediately.

The three roads don't block each other. The Studio for the everyday, AI tools for big overhauls, people for the specialist territory. Being able to switch lanes as the situation demands is itself the privilege of owning your code.

Tip

No need to decide right now. Just remember that "if this road jams, two more exist". That margin cuts operating stress in half.

13

Registering on the Launchpad: telling the world

You have an address; time to announce it. The Vibe Launchpad is the stage for showing the world what you're building and what you've launched. Press register a project, fill in the name, the one-line intro, the description, the category, and the live URL, and you're public.

Public projects collect feedback, and people who like them send credits as boosts to cheer you on. Pre-launch, you can gather a waitlist with notify me at launch; the moment you flip the status to launched, every waiter is notified at once.

Pour your effort into the one-line intro. In the list, that one line is all people read. Get what it does and who it's for into a single sentence, and the clicks follow.

If you see this, it worked

Finish registering and your project page exists, ready for visitors to leave feedback and boosts. Publishing your first project also carries a credit reward.

Try it now
14

Completion quiz: the whole class in one question

The completion quiz. For an idea to reach the world, which flow best matches what this class taught?

15

The final mission: a flower boutique site, launched

The class's final mission. The Try it now button below holds a one-page site prompt for a neighborhood flower boutique: a seasonal catalog and an order form. Small, and real.

This time we don't stop at building. Publishing, and announcing, are the mission. Complete this loop yourself and you're no longer someone who knows about launching. You're someone who has launched.

Try it now

Mission

Build the flower boutique's one-page site from the pre-filled prompt and press publish to claim your free address. Open the issued address on your phone to confirm it, then register the project on the Launchpad. If you have room, also search for domain name candidates that would suit a flower boutique.

Reveal after you try

Checkpoints: 1) Did the free URL arrive after publishing? 2) On your phone, did everything show properly, down to the order form? If the build has a form, also confirm the backend connection. 3) If your Launchpad one-liner named the audience, like "for the neighborhood flower boutique", full marks. 4) If you found domain candidates too, registration and connection go exactly as you learned. This loop is the launch routine you'll repeat on every project from here on.

16

Class complete: the next door opens

Congratulations. From the excitement of the first fifteen minutes through prompts, websites, apps, games, media, editing, trust, and now launch. You've completed the entire class. The works stacked in your Studio and a real address are the proof.

You can now run the full loop alone: idea to screen, screen to verified work, verified work to an address in the world. This ability doesn't disappear. It only gets faster and deeper with repetition.

And there's a next door. You've learned to build; now come learn to sell and to grow. In the Solo Founder School, a journey awaits that turns what you make into a business: idea validation, the funding market, teams, and marketing. The door is open.

Remember this

  • Code ownership, the handoff pack, domains with DNS and SSL, deploys and hosting, GitHub, data ownership, the three maintenance paths, and the Launchpad. You walked the entire launch line with your own hands.
  • The real harvest of this course is the sense of ownership. The code, the data, and the domain are yours, so no platform can ever hold you by the ankle.
  • Don't forget the launch routine. Inspect, publish, confirm, announce. Projects change; this rhythm doesn't.
  • The class completes here. When you want to grow what you've made into a business, the Solo Founder School is the next stop.
Try it in the Studio
ClassesNew build