Your first app | Replit Learn

Your first app | Replit Learn AI Foundations Your first app Build and publish your first portfolio website using Design Mode on Replit. Hands-on~15 min Watch You've learned what apps are, how AI works, and the describe-critique-iterate approach of vibe coding. Now it's time to put it all together and build something real - a portfolio website using Design Mode. Getting started on Replit If you haven't already, head to replit.com and create an account. Once you're in, you'll see the Replit homepage - your launchpad for building. Describe: Your first prompt Remember the vibe coding approach from the last lesson? It starts with describe - telling the AI what you want. Let's put that into practice by building a portfolio website. Before you start, take a moment to think about what you actually want. Good prompts come from clear thinking - not templates. Ask yourself: - Who are you? A designer? A student? Someone switching careers? - What's the goal? Showcase projects? Land a job? Share your work with friends? - What style fits you? Minimal and clean? Bold and colorful? Professional and polished? Write your prompt in your own words. Be specific about what matters to you. The more thought you put in, the better your result will be. Think critically about the instructions you give AI. Make sure they align with your goals and are specific enough to get the outcome you want. Once you have your prompt, head to replit.com, select the Design tab, paste your prompt into the input box, and click Start. Agent will take it from there. Design Mode vs. Build Mode On Replit, there are two ways to start building - each suited to a different type of app: - Design Mode creates static apps - sites that run entirely in the browser. Perfect for portfolios, landing pages, and simple tools. Everything happens on the user's device, no server needed. - Build Mode creates fullstack apps - with both a frontend (what users see) and a backend (a server that handles