How to use Replit: step-by-step tutorial
Build and host apps in your browser: Replit Agent, real plan prices and credits, Secrets, publishing safely and app ideas you can copy today.
At a glance
Is Replit right for this job?
Use Replit for
- Prototypes and small tools from a description
- Learning to code with instant feedback
- Hosting small apps without servers
- Teams of up to 15 on Pro
- Internal tools for a small business
Think twice for
- Apps holding sensitive data without access control
- Big systems you won’t test
- Unwatched hosting costs
- Keys hard-coded in code
Get set up: step by step
Basics
What it is
Replit is a browser-based place to build, run and host apps, with an AI Agent that can create an app from a description and keep editing it. Paid plans include monthly credits for AI and hosting: Core includes $20 of credits and Pro includes $100, with up to 15 collaborators (replit.com/pricing).
Why this step matters: Knowing what it is good and bad at stops you using it for jobs where it will fail quietly.
Setup
Step 1: Get the official app
- Start from replit.com or the official mobile app.
- Sign up and create your first App from a short description.
- Check your plan and credits in account settings before you build big.
Why this step matters: Copycat apps and unofficial installers are common; starting from the official source protects your account and data.
Setup
Step 2: Plans, limits and costs
- Core: $20/month, or $18/month billed yearly; includes $20 of credits toward AI models and unlimited workspaces.
- Pro: $100/month, or $90/month billed yearly; includes $100 of credits and up to 15 collaborators.
Source: replit.com/pricing, checked Oct 30, 2026. Credits pay for AI and hosting; check usage before publishing a busy app.
Why this step matters: Paying for features you don't use is the most common waste. Knowing the limits first tells you if the free tier is enough.
Real things to do with Replit
Book club voting app
A classic first build: small, useful, easy to test.
Build a web app where my book club lists books, votes, and sees the top 3.
Plan first. Simple database. No login.
Internal order tracker
Replace a messy spreadsheet with a tiny app.
Build an order tracker: order, customer, status, due date, with filters by status. Plan first.
Classroom quiz
Make a quiz students can take on phones.
Build a 10-question multiple choice quiz app that shows the score at the end. Mobile friendly.
Data dashboard
Upload a CSV and get charts.
Make a dashboard from sales.csv: monthly totals chart, top 5 products table. Show counts so I can check.
Landing page with form
Simple page plus a signup form saved to a database.
Build a landing page for a free yoga class with a signup form stored in a database. Include a page for me to see signups.
Learn by building
Ask the Agent to explain each file it creates.
Explain each file in this project in one sentence, and add 3 tests for the main function.The 5-part prompt that works in Replit
Most weak answers come from weak instructions, not a weak model. Before you send anything important to Replit, check that your message has these five parts. It takes thirty seconds and saves several rounds of “that’s not what I meant.”
- Situation. Who you are and why you are asking. “I run a two-person bakery” changes every answer that follows.
- Task. One clear verb: draft, compare, summarize, fix, plan, explain. If you have three tasks, send them as three steps.
- Inputs. Paste or attach the material it should use, and say what to ignore. Name the file and the pages if it is long.
- Format. Length, structure and tone: “a table with 4 columns”, “under 150 words”, “plain English, no jargon”.
- Checks. Tell it how you will judge the answer: “give a source link for every number”, “say unknown instead of guessing”, “list your assumptions first”.
Save the version that works. In Replit the natural home for reusable instructions is one App per project with a brief at the top of the Agent chat, so you never type the same context twice.
Go further: steps continued
Use
Step 3: Your first real task
Describe a small app you’d actually use, and ask for a plan first:
Build a simple web app where my book club can list books, vote, and see the top 3. Show me your plan and the pages first. Use a simple database. No login for now.Why this step matters: A prompt with situation, task and format gets a usable answer first time, so you learn what the tool can actually do.
Setup
Step 4: Privacy
- Don't paste passwords, ID numbers, card numbers or other people's private details.
- Assume the company can read and keep your chats unless its official policy says otherwise.
- For health, money or legal decisions, confirm with a professional or an official source.
- Store API keys in Replit Secrets, never in code.
- Published apps are public; don’t put private data in them without access control.
Why this step matters: Anything you paste may be stored and read. Deciding what never goes in is easier than undoing a leak.
Mistakes
Mistakes
- Letting the Agent build a big app with no plan.
- Hard-coding API keys in code.
- Publishing without checking hosting costs.
- Not testing on a phone before sharing.
Why this step matters: Knowing how it typically fails tells you where to look when you review its work.
A good session, start to finish
Decide what “done” looks like
Write one sentence describing the finished result before you open the chat: “a one-page plan I can send to my landlord by Friday.” If you cannot describe it, the bot cannot hit it.
Give context once, in the right place
Put standing facts about you, your business or your project where {name} keeps them between chats, instead of pasting them into every message.
Ask for a draft, then steer
Take the first answer as a rough draft. Reply with specific edits (“shorter”, “cut the second option”, “use our real prices”) rather than starting over.
Check the parts that matter
Open the source behind every number, name, date and quote you will reuse. For files, spot-check two page references. For code, run it.
Save what worked
Copy the final prompt into a notes file or saved instructions. Next time the same job takes one message instead of ten, and you spend fewer credits doing it.
Your first week with Replit
How to spot a wrong answer
Warning signs
- It gives an exact number, date or quote with no link, or with a link that does not contain it.
- It agrees with everything you say, including a wrong assumption you slipped in to test it.
- The answer is fluent but vague: lots of “generally” and “it depends” and no specifics you can act on.
- It claims to have done something (sent, saved, booked, run) without a link, ID or file you can open.
- Two answers to the same question, asked in fresh chats, disagree on a fact.
- It names a setting, menu or plan feature you cannot find. Apps change their menus often, so check the official help pages.
What to do
Open the source and find the exact sentence. Ask Replit to separate what it checked from what it assumed. Re-ask in a fresh chat with the source attached. If it still cannot back the claim up, treat it as unknown and use the official page instead.
None of this means the tool is bad. It means you are the editor, and editors check.
Power-user tips
A one-message plan stops the Agent building the wrong thing.
Roll back when a change breaks things.
Never paste keys into code.
One feature per request, retest after each.
Hosting and AI share credits; check weekly.
Open the app on a phone before sharing.
Privacy and safety with Replit
Published apps can be public. Use Secrets for keys, add access control before storing personal data, and don’t upload data you can’t share.
- Never paste passwords, API keys, one-time codes, full card numbers or government ID numbers into any chat.
- Remove other people’s names, addresses and account details from files before you upload them, unless you have their permission and a reason.
- Open the privacy or data-controls settings in your first week and decide whether your chats may be used to improve models.
- Use the account your employer approved for work material. A personal plan follows the consumer terms, not your company’s contract.
- For health, legal, tax or money decisions, use the bot to prepare questions, then confirm with a professional or an official source.
Replit or another bot?
| If you need… | Pick | Why |
|---|---|---|
| Idea to hosted app | Replit | Agent, IDE and hosting together. |
| Coding on your own machine | Cursor, Windsurf or Claude Code | Local repos and tools. |
| No-code docs and wikis | Notion AI | For content, not apps. |
| Learning concepts | ChatGPT or Claude | Explain first, build later. |
Our editorial judgment, not a benchmark. Try your own real task in two bots before you pay for either.
Questions people ask
How much is Replit?
Core is $20/month ($18 billed yearly) with $20 of credits; Pro is $100/month ($90 yearly) with $100 of credits (replit.com/pricing, checked Oct 30, 2026).
What do credits pay for?
AI model use and hosting/deployments.
How many collaborators on Pro?
Up to 15.
Is there a free plan?
We verified only the Core and Pro prices on Oct 30, 2026. Check replit.com/pricing for any free tier before you sign up.
Where do I keep API keys?
In Replit Secrets.
Can I undo Agent changes?
Yes, with checkpoints.
Are my apps public?
Published apps can be reached by anyone with the link; add access control for private data.
Do I need to know how to code?
No to start, but reading the code helps you catch mistakes.
Words you will see
The Replit quiz, first-week checklist and cost calculator now have their own page.
Where these facts come from
Checked Oct 30, 2026. Plans change, so confirm on the official page before you pay.
Next: Replit lessons →