> ## Documentation Index > Fetch the complete documentation index at: https://beta-docs.replo.app/llms.txt > Use this file to discover all available pages before exploring further. # Quickstart > Go from zero to a live store with Replo in a single session. export const TryPromptButton = ({prompt, imageSrc, imageAlt = "Template preview", imageStyles = {}, buttonCta = "Build in Replo"}) => { const [isLoading, setIsLoading] = useState(false); const [error, setError] = useState(null); const API_BASE = "https://api.replo.app"; const APP_URL = "https://dashboard.replo.app"; const LoaderIcon = ; const ChevronIcon = ; async function postJSON(url, body, headers = {}, timeoutMs = 120000) { const controller = new AbortController(); const timeoutId = setTimeout(() => controller.abort(), timeoutMs); try { const response = await fetch(url, { method: "POST", headers: { "Content-Type": "application/json", ...headers }, body: JSON.stringify(body ?? ({})), signal: controller.signal }); const responseText = await response.text(); if (!response.ok) throw new Error(`API Error: ${response.status}`); return responseText ? JSON.parse(responseText) : {}; } finally { clearTimeout(timeoutId); } } async function handleTryPrompt(event) { event.preventDefault(); event.stopPropagation(); setIsLoading(true); setError(null); try { const body = { prompt, file: null }; const {seed} = await postJSON(`${API_BASE}/api/v1/marketing/issue-marketing-site-jwt`, body); if (!seed) throw new Error("No seed returned from API"); const url = new URL(APP_URL); url.searchParams.set("type", "agent"); url.hash = `seed=${encodeURIComponent(seed)}`; window.open(url.toString(), "_blank"); setIsLoading(false); } catch (caughtError) { console.error("Failed to generate prompt:", caughtError); const message = caughtError instanceof Error ? caughtError.message : null; setError(message ?? "Something went wrong. Please try again."); setIsLoading(false); } } return
{} {imageSrc && {imageAlt}} {}
{} {} {error &&
{error}
}
; }; export const Screenshot = ({src, altText, width, shadow = true}) => { const generateAltText = imageSrc => { if (!imageSrc) return "Screenshot"; const filename = imageSrc.split("/").pop() ?? ""; const nameWithoutExt = filename.replace(/\.[^/.]+$/, ""); const readable = nameWithoutExt.replace(/[-_]/g, " ").replace(/\b\w/g, char => char.toUpperCase()); return readable === "" ? "Screenshot" : readable; }; const finalAltText = altText ?? generateAltText(src); const imageWidth = width ? `${width}px` : "100%"; return
{} {}
{finalAltText}
; }; This guide takes you from a brand-new project to a live store you can share. Most of the work is describing what you want and letting Replo build it while you review. ## Get set up The first time you open Replo, [Launchpad](/apps/launchpad) walks you through a quick setup. You add your name, then choose how you want to start: launch a new business, import an existing store, learn more about Replo, or just start a blank chat. From your choice, Replo asks a few questions to learn your brand, products, and voice, and tracks it all on a short checklist. You can work through setup or skip straight to building. Either way, the more Replo knows about your business, the better its first results will be. See [Launchpad](/apps/launchpad) for the full walkthrough. ## Create your project A project is one store, with its own pages, products, assets, and settings. To create another, open the project menu in the top right and choose **New Project**. (This menu is also where you search your projects, switch between them, or switch workspace.) When your project opens, you land on [Home](/navigating-replo#home): the chat is on the left, and the workspace on the right shows a grid of widgets from your apps to jump into. ## Write your first prompt In the chat, describe what you want to sell. The more specific you are about the product, the sections, and the style, the closer the first result will be to what you want. ```text theme={null} Build me a page for my upcoming online pet store called Whisker & Co., based on https://www.thefarmersdog.com. It should have multiple pages: a homepage, an about page, an FAQ page, and product pages. ``` ## Watch it build Replo works in front of you. As it goes, pages and content appear in the Website Builder on the right. You do not have to wait in silence: keep chatting to redirect it, ask for changes, or add detail at any point. ## Publish When the store looks right, publish it to put it on the internet and get a shareable link. Open the Website Builder and click through your pages to confirm the content, images, and prices are correct. Tell Replo to publish, or use the publish action in the Website Builder. Replo builds your store and deploys it. Your store goes live on a free `replosites.com` address. Copy the link to share it, or connect your own domain. Publishing again pushes your latest changes live. Edits you make after publishing stay in draft until the next publish. ## Where to go next Hook up email, analytics, and ad platforms. See an end-to-end use case built around your products.