Base44Messy spreadsheet of leads
Your whole team works one shared pipeline instead of a messy spreadsheet — with logins, so everyone sees the same live data.
Track 4 · Intermediate
4.1
AI app builders
Full-stack "vibe coding" — describe it, get a working app
1Overview
AI Full-Stack App Builders ("vibe coding" platforms): a plain-English brief becomes a complete, working web app — backend, database, auth and UI scaffolded for you. Base44 (backend baked in), Lovable (portable React you own), v0 (polished UI). → Unlike the AI coding assistants (which work inside an existing codebase) or the agent frameworks (which build custom AI systems), these turn a prompt into a whole finished app. → Next rung: once you hit the platform’s ceiling, Own your app shows you how to export the code and take real ownership.
1.1After this chapter you can
→Pick the right no-code builder for your project
→Know the trade-off between convenience and owning the code
→Ship a working web app straight from a prompt
1.2What does vibe coding produce?
It turns a plain‑English description into a complete, working web app—including backend services, database schema, authentication and a UI scaffold—without you writing code.
1.3How is it different from AI assistants?
AI coding assistants modify or extend existing codebases, while full‑stack vibe‑coding platforms generate an entire application from scratch based solely on your prompt.
1.4Can I own the generated code?
Yes; once you reach the platform’s limits, you can export the source—Lovable gives you portable React code and Base44 lets you take full ownership of the backend.
2Matrix 7 rows · 3 tools
base44
lovable
v0
Own / export the code
yes
yes
partial
Backend + auth + database
yes
partial
no
Polished UI out of the box
partial
yes
yes
Free to start
yes
yes
yes
Hosting / live URL included
yes
yes
partial
Beginner-friendly
yes
yes
partial
Best for
full-stack app
own-the-code app
UI / prototype
3Lessons 5
3.1 Set up the AI coding environment
The collection of tools needed to direct an AI agent that builds a full‑stack app.
You will have Node.js, an AI coding agent, and Expo Go installed and ready on your computer.
- Download and install Node.js from the official website.
- Install the chosen AI coding agent (e.g., Claude Code or Codex) following its documentation.
- Install the Expo Go app on your Android or iOS phone.
- Open a terminal and run
npm install -g expo-clito add the Expo command‑line tools.
- You'll see Running
expo --versionprints a version number and opening Expo Go shows the welcome screen on your phone. - Takeaway A reproducible local environment lets you iterate quickly with AI‑generated code.
3.2 Generate a full‑stack app scaffold with a vibe‑coding platform
A “vibe coding” service (Base44, Lovable or v0) that turns plain English prompts into a working web app.
You will obtain a complete backend, database, authentication and UI scaffold from a single text description.
- Open the Base44 web interface.
- Enter a brief prompt such as “Create a simple task‑tracker where users can sign up, add tasks, and mark them completed.”
- Submit the prompt and wait for the platform to generate the app.
- When the generation finishes, click the preview button to view the live demo in your browser.
- You'll see A running web page showing a sign‑up form, a task list UI, and basic navigation – all without you writing code.
- Takeaway Natural‑language prompts can produce end‑to‑end scaffolding that would otherwise require multiple manual steps.
3.3 Export the generated code with Lovable
Lovable, a vibe‑coding platform that gives you ownership of the React code it creates.
You will download the full source repository so you can edit or host it yourself.
- In the Lovable dashboard, locate the project you generated in Lesson 2.
- Click the “Export Code” button to download a zip file of the React app.
- Unzip the archive into a new folder on your machine.
- Run
npm installinside that folder to install dependencies.
- You'll see A populated project directory with
src,package.json, and other typical React files, andnpm installcompletes without errors. - Takeaway Exporting code bridges the gap between rapid prototyping and full developer control.
3.4 Polish the UI using v0
v0, a vibe‑coding tool that refines the visual design of an app generated by AI.
You will apply a polished, production‑ready UI theme to the exported React project.
- Open the v0 web editor and upload the project folder from Lesson 3.
- Select a pre‑built UI theme (e.g., “Clean Dashboard”).
- Apply the theme and let v0 regenerate the component styles.
- Save the updated project and run
npm startto view the refreshed UI in your browser.
- You'll see The same app now displays a cohesive color palette, consistent spacing, and refined button styles matching the chosen theme.
- Takeaway Separate styling passes let AI‑generated apps reach professional visual quality without manual CSS work.
3.5 Audit and secure the vibe‑coded app before deployment
A pre‑launch checklist that verifies code safety, version control setup, and hosting readiness.
You will identify any security gaps in the generated code and prepare a production‑ready build pipeline.
- Review the backend files for missing authentication checks (e.g., look for database queries without user validation).
- Run a static analysis tool such as
npm auditto surface known vulnerabilities. - Initialize a Git repository in the project folder and commit all files.
- Choose a deployment target (e.g., Vercel or Netlify) and push the repo to trigger a build.
- Open the live URL and verify that sign‑up, login, and task actions work as expected.
- You'll see The Git history shows an initial commit, the CI/CD service reports a successful build, and the live app functions without exposing raw database endpoints.
- Takeaway Even AI‑generated scaffolds need systematic security reviews and version control before they can serve real users.
4You’ll know it worked 188 checkable outcomes in this chapter
- ✓All teammates see the same lead status changes instantly without refreshing
- ✓Dashboard displays total spend and ranks creators by views and engagement for each campaign
- ✓Reps see only their assigned accounts; manager sees the full cross-territory pipeline
- ✓New orders show up instantly in the kitchen admin dashboard and customers see a confirmation page after payment
- ✓Approver receives PO in queue and can approve or reject with comment
- ✓A web page displays buttons, inputs, cards, badges, alerts and a full typography scale in both light and dark theme variants
- ✓Participants view the page, see eligibility criteria, and submit the screening form
- ✓Staff view a dashboard showing open referrals by stage and owner
188 outcomes in all — one per recipe below.
5FAQ, Tips & How-to 292
one problem, one solution, one action
CRM & sales9
Investor introductions go cold
Run your raise like a sales pipeline so no warm intro goes cold.
Affiliates can’t view their performance
Runs a referral program transparently so partners trust their numbers.
Unsure which sales quotes are pending
No quote falls through the cracks and finance can forecast revenue from accepted proposals.
Want reps to see only their accounts but I need a full pipeline view
Each rep sees only their territory and the manager gets a cross-territory pipeline view for fair workload distribution.
LovableTrack your first hundred deals
Track your first hundred deals without paying for a heavyweight CRM.
v0Ops need a way to find customers
A usable internal tool shell your ops team can live in.
Deal pipeline scattered across sheets
Your whole deal pipeline is in one searchable place instead of a spreadsheet no one trusts.
When your search team needs one shared pipeline
The whole search team works one shared pipeline so nothing drops and clients get consistent updates.
Internal tools & ops25
Shared inbox is a mess
Replaces a chaotic shared inbox with a tracked queue and accountability per agent.
Never know who has which laptop
Always know where every device is and who’s responsible for it.
New hires missing onboarding tasks
New hires ramp faster and nothing falls through the cracks across IT, HR, and their manager.
Messy staff reimbursements
Turns reimbursement chaos into a clean approval queue with an audit trail.
Need a single place to see who’s doing what
A shared source of truth for who’s doing what, tailored to your team’s exact workflow.
Running out of bestsellers or over‑ordering slow items
Stop running out of bestsellers and over-ordering slow movers.
Too many incoming support tickets
Deflects routine questions automatically while keeping a human in the loop for the tricky ones.
Need to pull data from PDFs without typing
Turns piles of documents into clean data without manual re-typing.
When meeting decisions get lost
Decisions and follow-ups actually get done because every action has an owner and a deadline.
Too many email chains for vacation requests
Replaces email chains for leave requests and gives managers a coverage view before they approve.
Appreciation gets buried in DMs
Appreciation is visible to the whole company instead of disappearing in a direct message.
Support tickets hide deadline risks
Support teams stop missing SLAs by accident because the breach risk is always visible.
Onboarding info gets lost in email threads
Make onboarding consistent and visible instead of buried in email threads.
Sending receipts via email and spreadsheets
Replace the email-and-spreadsheet expense process with a clear audit trail.
Goals get lost after meetings
Make goals visible and reviewable instead of forgotten after the offsite.
Need separate team workspaces with private data
Get the multi-tenant foundation most B2B SaaS needs, generated for you.
Purchase requests get lost in email chains
Every purchase is authorized and traceable, replacing email chains that lose the approval history.
An employee is leaving
Every exit is handled completely and nothing is missed, from account revocation to final pay.
Need quick sign‑up & log‑in screens
Professional auth UI you can drop into any Next.js app.
Your team has no shared UI guide
A living style guide you can hand to a team and build from.
Want a visual task board for my team
A working project board UI for a small internal tool.
Want a chat window in my app
A clean chat front-end ready to connect to any model API.
New users are lost on first launch
A smooth first-run experience that lifts activation.
Controlling feature rollouts in dev, staging and prod
A real admin surface for an internal platform tool.
Can't keep track of inventory without spreadsheets
A no-spreadsheet way for a shop to watch stock.
Research & data tools13
Can’t locate samples or know if they’re expired
No more lost samples or expired reagents discovered mid-experiment; the whole lab queries one searchable database.
Email juggling to recruit participants
Cuts the email back-and-forth of recruiting and scheduling a study cohort into one self-serve system.
Need a searchable, shareable record of experiments
A searchable, shareable record of every experiment that survives staff turnover.
Scattered PDFs across the lab
The whole lab’s reading becomes collective knowledge instead of scattered PDFs.
Can’t tell which papers are best
Runs a small conference’s review process without expensive dedicated software.
Hard to follow participant visit dates
Keeps a multi-visit study on schedule and flags participants who are overdue.
Paper field sheets become digital
Replaces paper field sheets with structured, instantly-shared data the whole team can analyze.
Want participants to sign consent, complete timed surveys and view progress
Run a longitudinal study without paying for enterprise survey software.
Can't keep lab inventory up to date
Replace the shared spreadsheet that nobody keeps up to date.
Collect field observations from researchers
Standardize field data capture across a whole research team.
Team needs a searchable, timestamped experiment log
Keep a searchable, timestamped record the whole team can trust.
Need a trustworthy first impression for study sign‑ups
A trustworthy front door for recruiting study participants.
Need a web page to showcase a research paper
A modern alternative to a static PDF when sharing your work.
Trackers11
Can’t keep track of funding deadlines
Never miss a funding deadline again — the team sees every application’s stage at a glance.
Can't keep hiring steps and interview feedback together
Keeps every hire’s pipeline and interview notes in one accountable place.
Clients missing their weekly check‑ins
Keeps clients accountable between sessions and shows them their own progress over time.
Missing grant deadlines
Never miss a submission or progress-report deadline again.
Want to keep track of daily habits
Ship a clean consumer app to test an idea fast.
Need to track who finished mandatory training
HR can prove company-wide training compliance without chasing individuals by email.
Lab can’t follow grant applications
A tidy way for a lab to see funding pipeline at a glance.
Need to see habit streaks and goals
A motivating progress UI for a coaching product or personal app.
Hard to track proposal deadlines
A clean proposal tracker front-end that keeps a sales team on top of live bids.
Patients forget details between visits
Gives the clinician real between-visit data to review instead of relying on a patient's memory — the log is a discussion aid, not a diagnosis.
Lost track of referral progress
Staff can see at a glance which referrals are stuck instead of losing track in a fax pile or shared inbox.
Marketplaces & directories12
Unsure if people want your local service
Validates a marketplace idea with real bookings and reviews before you invest in a custom build.
Need a niche gear‑rental platform that tracks dates
Stands up a niche rental marketplace with bookings and calendars handled for you.
Need an interactive property showcase that captures buyer inquiries
A branded listings portal with a captured-lead inbox instead of a static page.
Want a searchable member list that works as a community
Turns a list of members into a living, searchable network they keep coming back to.
Need a searchable list of local coffee shops
Build a monetizable directory in an afternoon and charge businesses to be featured.
Need a job board that earns from day one
Launch a focused job board that earns from day one via paid postings.
Can't tell if providers and customers will sign up
Stand up a marketplace MVP to test both sides of the market.
Small agency needs a polished listings site
Give a small agency a polished listings site without a costly platform.
Want to browse homes by price or bedroom count
A polished listings front-end for an agent or rental host.
Team members can’t find each other
A friendly internal “who’s who” for a growing team.
Need a hiring page where visitors can filter jobs and read details
A hiring page that reflects well on the company.
Finding out who reports to whom is hard
A navigable visual org chart that beats a static slide deck.
Content & marketing20
Want a referral‑ranked pre‑launch waitlist
Builds pre-launch demand and a referral loop without stitching together third-party tools.
Coordinating multi‑channel publishing and approvals
Keeps a multi-channel content team aligned with one calendar and a clear approval gate.
Can’t locate the latest brand files
Everyone grabs the latest on-brand assets instead of digging through old chat threads.
Unsure which influencers deliver results
See which creators actually drive results before renewing a partnership.
Collect email sign‑ups and see your place in line
Validate demand and build an audience before you’ve written a line of product code.
Readers only see article teasers
Turn your writing into recurring revenue without Substack’s cut.
Need to change your portfolio yourself
Update your own site without touching code or a separate CMS.
Can't tell which bio links get clicks
Own your link page and actually see what your audience clicks.
Need a quick SaaS homepage with no design work
A launch-ready page you can publish to Vercel the same afternoon, no designer needed.
Need a quick link for investors instead of a PDF deck
A link you can drop into an investor email instead of yet another PDF deck.
Want a quick personal showcase
A sharp personal site online in minutes that actually looks designed.
University CMS is a nightmare
A credible lab presence without fighting an old university CMS.
Want a quick newsletter sign‑up page
A high-converting capture page you can point ads or social traffic at.
I need a quick restaurant homepage
A tasteful single page that replaces a tired template site.
Need a single page to hype your conference
A registration-ready event page you can ship before tickets go live.
Want an editorial‑style blog front page
An editorial-quality blog front-end without wrestling a theme.
Need an online showcase for your agency
A site that signals craft to prospective clients.
Need a compact personal link hub
A custom link hub that looks better than the off-the-shelf ones.
Unsure about demand before you launch
A buzzy waitlist page to validate demand before you build.
Messy spreadsheet for posting schedule
A visual planner that replaces a messy posting spreadsheet.
Booking & scheduling12
Clients call to book and I end up double‑booking
Fills the calendar with self-serve bookings and stops double-booking, no phone tag required.
Customers book jobs online
Runs the whole day from request to invoice without paper job cards.
Scheduling volunteers is hard
Fills shifts with self-serve signups and shows exactly where you’re short-staffed.
Clients can book a slot and pay a deposit up front
Stop the back-and-forth emails and collect deposits up front to cut no-shows.
Struggling to fill volunteer slots
Fill shifts without a chaotic group chat.
Staff keep fighting over the same microscope or meeting room
End the double-booking arguments over the shared microscope or meeting room.
Clients can’t schedule or pay outside business hours
Let clients book and pay themselves around the clock.
Reps keep call notes in their own calendars
Sales activity is visible and accountable instead of living only in each rep private calendar.
Clients need an easy way to choose a date and time
A clean booking front-end for a salon, clinic or consultancy.
When shared instruments clash in schedules
Stops the spreadsheet chaos around shared lab gear.
Patients can’t book by phone
Fewer no-shows and less phone tag for reception — purely admin scheduling, no clinical logic involved.
Can't keep shift schedules up‑to‑date
Everyone sees the current rota and swap requests in one place instead of a shared spreadsheet that drifts out of date.
Commerce & payments13
Can't track who owes you without spreadsheets
Know exactly who owes you what without a spreadsheet that nobody updates.
Need a billable subscription app fast
Skip weeks of boilerplate and get a billable product you can put in front of users this week.
Want an easy way to sell video lessons
Sell your knowledge as a polished course without a bulky LMS.
Need a paid members‑only forum
Run a recurring-revenue community you fully own.
Can’t tell which invoices are overdue
Send professional invoices and see at a glance what’s unpaid.
Want to avoid delivery‑app fees
Take orders directly and skip the delivery-app commission.
Need a box site that bills automatically
Launch a recurring-revenue product with billing handled for you.
Need to sell digital files online
Sell templates, presets, or ebooks with delivery handled automatically.
Need to sell AI text runs by credits
Productize an AI idea with auth, metering, and billing already wired.
Want a product page that drives sales
A conversion-focused product page you can adapt for any shop.
Unsure which subscription to pick
A pricing page that makes the upgrade choice obvious.
Need quick, accurate invoices without designing them
A self-serve invoicing front-end for a solo operator.
Need a compelling campaign page
A persuasive campaign front-end ready to drive pledges.
Customer & client portals8
Fans need a login for posts
Owns your audience relationship directly instead of renting it from a platform.
Suppliers juggling emails for quotes
Replaces scattered supplier emails with one system of record for procurement.
Gives customers a self-serve home and cuts repetitive support requests.
Running a cohort class without an LMS
Run a cohort course with submissions and grading without paying for a heavy LMS.
Can't track returns via email
Support handles returns through a structured queue instead of a flood of one-off emails.
Clients can’t see all updates in one place
Look like an established agency and keep every client conversation in one place.
Juggling spreadsheets and DMs with clients
Deliver a premium coaching experience without juggling spreadsheets and DMs.
Customers keep asking about outages
Customers check the status page instead of flooding support with duplicate tickets during an outage.
Forms, surveys & feedback15
Need a way for users to suggest and vote on ideas
Surfaces what users actually want and shows them you’re shipping it.
Need a real‑time view of who’s checked in at your event
Handles signups and day-of check-in in one place, with live attendance counts.
Need to see survey results as they come in
Own your survey data end to end with custom analysis instead of a locked-in form tool.
Performance reviews are scattered across PDFs
Every review is completed on time and in one place instead of scattered PDFs emailed to HR.
Need customer feedback after tickets are closed
Support quality is measured with real customer data instead of guesswork.
Sell tickets and keep the guest list
Sell tickets directly and own your attendee list instead of renting it from a platform.
Need a survey people can fill anonymously
Collect feedback on your own domain instead of a generic form service.
Quote requests that are vague
Turn vague enquiries into structured leads you can actually act on.
Customers want to suggest ideas and see progress
Let customers tell you what to build and show them you’re listening.
Running a small conference’s abstract submissions
Run a small conference’s submissions without clunky academic software.
Need a monthly pulse on employee feelings
People teams track employee sentiment over time with a single number and real comments.
Hard to make sense of raw survey data
A clear visual readout of your study or feedback data.
Let users suggest and vote on ideas
A transparent roadmap surface that turns users into contributors.
Interviewers give inconsistent scores
All interviewers' scores land in a consistent format that the hiring manager can compare at a glance.
No patient history at check‑in
Front-desk and clinical staff walk into the visit with the intake already on file instead of a clipboard in the waiting room.
Dashboards & analytics21
Too many separate KPI sheets
Gives the leadership team one honest scoreboard instead of five conflicting spreadsheets.
Can’t tell which vendor invoices are past due
Finance knows exactly what is owed and when, so nothing slips past due and cash-flow forecasting is based on real numbers.
Can't track department budget vs spend without spreadsheet emails
Department heads log in to see how much of their budget remains, eliminating the monthly spreadsheet email cycle.
Juggling several KPI spreadsheets
Give the team a single live view instead of five disconnected spreadsheets.
Customers need separate login to view only their data
Ship the dashboard layer of your product without building UI from scratch.
Can’t get a quick view of future cash
Leadership sees the forward cash picture in minutes, not after a multi-tab spreadsheet rebuild.
Finance uploads monthly metrics and board waits for PDFs
Board members always see the current numbers without waiting for a PDF email.
Sales reps keep fighting over pay
Reps stop arguing about their commission because the numbers are transparent and auto-calculated.
Unsure which customers might churn
At-risk accounts are visible weeks before churn so the team can intervene.
I need a ready‑made product analytics dashboard
A real-looking internal dashboard shell you can wire to your own data later.
Want to play with your data
A hands-on way to let people poke at your data instead of reading a static chart.
Can't see where my money goes
A clear money overview for a solo business or small team.
Can’t make sense of campaign results
A reporting surface that makes campaign results legible.
Need a single‑page finance snapshot
A clean one-page finance summary you can wire to your data and share with leadership.
Can't see which invoices are past due
A clear receivables view for a finance team or a SaaS billing module.
Need a unified view of headcount and hiring spend
A hiring plan surface that aligns HR and finance on headcount spend.
Hard to see HR trends
A data-driven people overview that makes HR metrics legible to leadership.
Need a sales pipeline snapshot for standups
A visual pipeline review surface for a sales team standup or exec briefing.
Need a real‑time snapshot of support tickets
A clean, at-a-glance support operations view for a team standup or wall display.
Collecting each startup’s monthly numbers is a pain
Portfolio monitoring shifts from chasing founders for spreadsheet updates to a self-serve dashboard with consistent numbers.
Quality audit meetings need a clear overview
Gives a department a clean view for quality-audit meetings, built on de-identified aggregate data handled per clinic policy — not a diagnostic or per-patient tool.
Knowledge & docs10
Scattered PDFs across the team
Keep the group’s literature in one searchable place instead of scattered PDFs.
Team keeps asking the same questions
Stop answering the same questions in chat over and over.
Need fast, consistent answers for common issues
Agents reply faster and consistently because every common answer is one search away.
Can’t locate papers by topic, year, or author
A browsable paper list that beats a static reference dump.
Want users to see releases at a glance
A “what’s new” page that keeps users in the loop and looks intentional.
Too many support tickets
A self-serve support surface that deflects tickets.
Can't find courses
A credible e-learning front-end for a course creator.
Need a searchable internal wiki
A tidy home for internal know-how as a team scales.
Need customers to find answers fast
A polished self-serve help surface that deflects tickets and looks trustworthy to customers.
Patients need reliable info instead of Googling
Patients get consistent, clinic-approved handouts instead of googling their condition — content is authored and reviewed by the clinic's own clinicians.
Want your own database instead of the built‑in cloud
Connect a Superbase project to give you full backend control
Want a simple way to tell AI what to build
Use a five-part prompt format to generate reliable app code
Pressing the fix button but builds still fail
Use Lovable's Try to fix feature to troubleshoot generation errors
Need a fresh look but only vague ideas
Request a new visual style with the /redesign command and revert if needed
Need a step‑by‑step guide for Google sign‑in
Use plan mode to generate a step-by-step OAuth setup for Google sign-in
Use your own domain but keep the backend on Supabase
Publish a Lovable app to a custom domain while keeping the backend on Superbase
Need a personal workspace and free usage
You get a personal workspace and free message/integration credits to start building apps
Need to see how your generated app looks right away
You get immediate visual feedback as the generated app is deployed to a live URL
Can’t edit app fields without code
You can define and modify your app's entities and fields without writing schema or SQL
Changes made through chat appear immediately in the Dashboard → Data tab
Want to add lots of data from a CSV file
You can quickly populate a table by importing a CSV file
Link one entity to another
A Reference field creates a relationship between two tables
Need to decide who can view or change each record
You can set who can see or modify records for each entity
Adding bookings by hand
Adding a few records by hand lets you confirm the structure matches real-world usage
Need to control who opens your app
You can instantly control whether anyone, only workspace members, or invited users can access the app
You can verify that regular users see only the pages and data you allow them to
Visitors who aren’t logged in
Setting the app to Public lets anyone see a landing page without logging in
Not sure whether users should share one account or have their own
Selecting the correct mode determines whether one account is used for all users or each user connects their own account
Connectors use OAuth, so you never have to paste an API key into your app
Need a checkout button on my booking page
You can instruct the built-in AI to call the connected service directly from your app logic
All linked services are listed in one place for easy management
Need automatic confirmation emails from my app
Your app can send confirmation emails automatically without external services
Want to turn a text prompt into a picture inside your app
Create images from text prompts inside your app without external APIs
Need spoken audio from written text
Convert any text into spoken audio without third-party services
Uploaded PDF, CSV or image won’t give me usable data
Turn uploaded PDFs, CSVs, or images into structured rows automatically
Users can’t reach the AI outside the app
Connecting WhatsApp, Telegram or LINE lets external users interact with the same AI agent
Need to cancel a booking with plain text
A user can issue a natural language instruction and the agent will perform the scoped action
Need a backend task but don’t want to code
You can set up a backend job without writing code by creating an automation in the Dashboard
When a trigger fires, specify the exact action
You specify the work the automation performs, such as sending an email or updating records
Each automation run cannot exceed three minutes and must wait at least five minutes before running again
Running an automation consumes credits, so you can estimate usage costs
Automations are only available to projects with a Builder+ plan
Analytics data only starts recording after the app is published, so publishing is required to see usage
You can monitor visits, unique visitors, average session duration, real-time users and detailed breakdowns by page, geography, source and device
For apps connected to Stripe, the Sales tab summarizes payments, transactions, customers and refunds
Want to know each time a booking happens
You can define up to three custom events on the free plan to count specific actions like a completed booking
My launch post is dull
You can quickly enhance copy and regenerate images without leaving the dashboard
Can't post the same thing on Facebook, Instagram and TikTok
For platforms without direct integration you can still quickly copy the generated content
Need a launch announcement for LinkedIn and X
You can ask Base44 to draft a friendly, concise launch announcement for specific platforms
Unsure which vulnerabilities your app has
You can quickly identify and fix security problems before users see them
You can see exactly why an issue was flagged and how to resolve it
App not connected to GitHub
Enables two-way synchronization of your Base44 app's source code with GitHub
Edits in my note tool never reach my code repo
Changes made in either environment automatically propagate to the other
Once enabled, the project remains tied to GitHub and cannot be moved back to a standalone Base44 app
No payment info needed
You can start building apps on Lovable instantly without any payment information
Knowing you have only 5 credits per day prevents wasteful prompting and encourages planning
Need a multi-screen task app from a text prompt
Lovable can turn a single natural-language description into a live, multi-screen task application
Providing a concrete prompt (personal task tracker) shows how to specify UI, data fields, and design preferences
Huge prompt eats my credit budget
Making 2-3 related changes at a time lets you verify each step and keeps credit usage low
Want to tweak copy right in the preview without using credits
You can adjust copy directly in the preview without spending credits
Need to change lots of logic but keep credit use steady
Grouping related logic updates into small batches keeps credit consumption predictable
Can’t find tasks by name or see column totals
A concrete illustration of a two-change batch that can be applied instantly
Reloading the app shows whether tasks are truly saved in a real database
Users should only see their own tasks
After authentication, Lovable automatically scopes data so users can only view and edit their own records
- **Chat panel** — the request and Lovable’s plan for the auth screen.
- **Live preview** — the generated "Welcome back" login screen with social + email sign-in.
- **Top bar** — Supabase and GitHub connection status, Publish button.
Visitors without a session are sent to login
The app automatically redirects any visitor without a session to the login page instead of the main UI
Need to tweak an element without re-prompting the whole layout
You can make targeted visual changes without re-prompting the whole layout, saving credits
Need quick text tweaks without leaving the app
Simple text tweaks cost nothing, letting you iterate quickly within the free quota
Need to highlight or annotate elements without guessing
Using selection or annotation tools lets you apply precise style changes, but each use consumes credits
You can explore the full app code directly in the browser without leaving Lovable
- **File tree** — the project’s real folder structure (src/components, src/pages, …).
- **Code pane** — src/pages/Index.tsx, actual React + TypeScript source.
- **Banner** — Code mode is read-only until you connect GitHub sync.
Want to edit live source files from your browser
With a paid plan you can edit the live source files directly from the browser, and those edits sync back to GitHub
Messy note with vague details
An AI-powered button can automatically generate a tidy task title, suggested due date, and tags from an unstructured note
Need to send branded confirmation emails without SMTP setup
Connecting Resend lets your app send custom emails from your own domain without manual SMTP setup
You can quickly catch common security misconfigurations before publishing
A deeper analysis finds hidden vulnerabilities that a basic lint might miss
Want to resolve a security finding fast
You can let Lovable resolve many issues instantly, saving manual effort
Need to resolve every fixable issue in one go
You can automatically address every fixable issue in one operation
No static analysis or dependency scanning
Connecting Wiz expands the security coverage beyond Lovable's native checks
Running a fresh scan after changes ensures no new vulnerabilities slipped in
Need to try out edits without affecting users
Beta Test and Live environments let you validate edits without affecting users
Ready to push tested changes live
After confirming in Test, you can promote the snapshot to Live with a single action
Want to test the platform without a credit card
You can start using v0 without providing payment details, enabling quick experimentation
- **Chat panel** — the running conversation and what changed in the last turn.
- **Live preview** — the generated app rendering for real, not a mockup.
- **Preview / Code toggle** — switch between the live app and its source.
Struggling to get good AI answers
Following the five rules lets you get high-quality output quickly and with fewer messages
Need to edit a specific part of text
Stating exactly which element to modify and its position yields precise updates instead of vague revisions
Want to test a small change safely
Applying small, focused batches lets you see each effect instantly and reduces the risk of unwanted side-effects
Too many tiny changes eat up my daily quota
Combining several related edits into a single message conserves your limited 7-messages-per-day allowance
Need to adjust typography, colours and layout on a running app
You can edit the look of your app without writing a new prompt
Edit a visual element’s style while designing
Changes you make visually are written back to the underlying code automatically
Design Mode cannot be used on read-only chats or mobile viewports, preventing accidental edits in those contexts
Seeing your app on a phone proves it's truly hosted on the public web
Need a personal subdomain for your site
You can instantly get a branded sub-domain with HTTPS without extra cost
Need to add a new integration
You can provision your own database account with one click, and v0 will set the required environment variables automatically
I have to write table definitions manually
v0 can generate and execute the necessary SQL so you don't have to write schema definitions manually
Form submissions don’t stick
Submitting a live form now writes a real record to your backend database, proving the front-end is fully connected
Want to protect the main branch while developing
All work happens on a separate branch, leaving the protected `main` untouched
Can’t open a pull request from the chat
You can open PRs directly from v0 and merge them, streamlining code review
Need to edit an existing Next.js GitHub project
You can start working on any existing Next.js repo inside the v0 environment
Got a design mockup image
You can turn a high-resolution design mockup into a working app without writing code
Figma design link
Feeding v0 a Figma URL yields higher-fidelity code because it also extracts design tokens
Want to let others reuse your chat design
After building an app, you can turn it into a reusable community template for others
Screenshot of a dashboard
A clear prompt tells v0 exactly what code to generate from your design
Bash scripts keep breaking
v0 can run shell commands in a sandbox, detect failures, and automatically apply fixes to the code
- **Agent reasoning** — v0 explains its plan before acting.
- **Bash tool call** — the actual terminal command v0 wants to run.
- **Skip / Allow** — the permission gate you control.
Need quick plant care advice
You can quickly prototype an AI-driven UI element that returns multiple short tips for a given item
Different API keys for each app environment
Store third-party API credentials safely and control which app environment can access them
When testing in Preview, you can rely that only Development-level secrets are available, preventing accidental use of Production keys
Need to set up a new service from the marketplace
Adding a service from the Integrations marketplace automatically creates the required environment variables for you
What the acquisition means for users — pricing and support changes
Wix acquired Base44 in 2025. The core product and brand stayed intact, and the platform has continued to grow to hundreds of thousands of users. Some users have reported pricing increases and slower support after the acquisition. On balance it is well-funded and not going away soon, but factor the post-acquisition changes into your decision.
Who owns my data and my app — does Base44 have rights to what I build?
According to Base44's terms, you own your apps and your data. Base44 does not claim ownership of what you create and lets you request a copy of or delete your data. One caveat: servers are in the United States by default, and EU data residency is only on higher plans — relevant if you handle EU personal data.
Is there vendor lock-in — what happens to my app if I stop paying?
There is significant lock-in. Your backend runs on Base44's proprietary infrastructure, and while the frontend code can be exported to GitHub, the backend cannot be self-hosted without a rewrite. If you cancel, your apps go offline at the end of the billing period. For a low-stakes project this is fine; for anything long-term or customer-facing, weigh the risk.
What kinds of apps can I build with Base44?
Any web app that needs a database and user accounts — for example a lab data tracker, a survey/form tool that stores responses, a literature-review organizer, a shared protocol library with role-based access, or a class quiz app. The AI generates the full app from a plain-English description, so you describe what you need the way you'd explain it to a colleague.
What are 'integration credits' — are those separate from message credits?
Yes, they are a separate pool. Integration credits are consumed not when you build, but when your live app's users trigger Base44's built-in services — sending an email, an AI/LLM call, generating an image. If your app emails users frequently, these can run out independently of your message credits.
Can I export my code or take my app elsewhere if I want to leave Base44?
Partially. The GitHub integration lets you push your frontend code to a repo and edit it locally, but the backend — your database connections, authentication, and business rules — is wrapped inside Base44's proprietary SDK and runs on their servers. You can't export a fully independent, self-hostable app: leaving Base44 means rebuilding the backend elsewhere.
Does Base44 include a built-in database and user authentication?
Yes, both are fully built-in with zero setup. When you describe your app, Base44 automatically creates database tables, relationships, and permissions, plus user registration, login, and role-based access — no external service like Supabase or Firebase needed. This all-in-one approach is Base44's main selling point over tools like v0, which only generate frontend code.
Can I connect a custom domain to my Base44 app?
Yes, but it requires a higher paid plan — it is not available on the free or entry tier. You can buy a domain through Base44 (SSL handled automatically) or connect one you already own by adding a DNS record at your provider. Free SSL is included; DNS propagation can take up to 72 hours.
What integrations does Base44 support — can my app send emails or call an AI?
Several integrations are available out-of-the-box on all plans, including AI/LLM calls, sending email, file upload, image generation, and data extraction from files. Paid plans add OAuth connectors to services like Slack, Notion, and Google Workspace, and any service with an OpenAPI spec can be added as a custom integration.
How does Base44 compare to Lovable — which should a beginner pick?
Base44 works better out-of-the-box for non-technical users: it handles the full stack (frontend, backend, database, auth) automatically with the fewest decisions. Lovable generates real exportable React/TypeScript code you own and can deploy anywhere, but requires a bit more setup. Short version: Base44 for speed and simplicity; Lovable if you care about code ownership and long-term flexibility.
How does Base44 compare to v0 (Vercel)?
They serve different purposes. v0 is a frontend-only UI generator for developers who already know React — it does not handle databases, authentication, or hosting. Base44 builds a complete working app including backend, database, and auth from plain-language descriptions, with no coding needed. With no coding background, v0 alone cannot build a deployable app; Base44 can.
message credit — a unit spent per prompt
Know how many credits you use for each change to manage your budget
Get a discounted Pro plan if you're a verified student
Want your bot on your own web address
You can point a personal domain at your Lovable project by adding DNS records
Need a starter React project with Next.js and Tailwind
v0 generates React projects using Next.js, styled with Tailwind CSS and shadcn/ui components
Need a UI component without coding it
v0 can produce Svelte, Vue, or plain HTML/CSS code using its Blocks feature
What do I do when I'm stuck in a debugging loop burning credits?
When an error appears, first click the 'Try to Fix' button — Lovable scans your logs and attempts a repair at no extra credit cost. If that fails, avoid vague re-prompts like 'fix it'. Instead revert to the last working version (View History), then write a clearer, more specific prompt. For simple visual fixes, switch to Code mode and edit manually — manual edits are free.
Lovable vs Base44 vs v0 — which should I use?
Lovable is best if you want to own your code, hand the project to a developer later, or want a real React codebase you can deploy anywhere. Base44 is slightly simpler to start and includes a fully managed backend, but your code is harder to export. v0 is primarily a frontend UI generator and needs more technical knowledge. With no coding background, Lovable or Base44 are the most practical.
How does GitHub export work — do I need to know Git?
In your project settings you connect your GitHub account and Lovable creates a repository automatically; after that, changes sync to the repo (two-way on paid plans). You don't need Git commands to export — it's a one-click setup. Once the code is on GitHub you can open it in any editor, deploy it to Vercel or Netlify, or hand it to a developer.
What tech stack does Lovable generate — can a developer read and edit it?
Lovable generates standard React + TypeScript projects styled with Tailwind CSS (recent projects use modern frameworks with server-side rendering). The code is clean, readable, and standard — a developer can open the GitHub repo and edit it normally. There is also a built-in Code mode inside Lovable for manual edits without leaving the platform.
Is Lovable good for a quick prototype or for a production app?
Lovable shines for quick prototypes and MVPs you can get to a shareable URL fast. You can take a project toward production because you own the exportable code and can connect a real Supabase backend and custom domain — but complex, scale- or compliance-sensitive apps will eventually need a developer to take over the exported codebase. Start with a prototype, then decide.
Can I export my code and own it? Do I need to keep paying Lovable to keep my app?
You own everything you build — there are no licensing fees on your code. You can export the full project to GitHub at any time, including on the free plan. Once your code is on GitHub you can deploy it anywhere (Vercel, Netlify, your own server) and stop paying Lovable; the app keeps running. The export includes your React components, styles, Supabase config, and folder structure.
What can I realistically build with Lovable as a non-coder?
Lovable suits landing pages, portfolios, forms, dashboards, simple SaaS tools, internal team apps, and MVPs with authentication and a database. It cannot produce native iOS/Android apps (only mobile-responsive websites), and it struggles with very complex business logic or compliance-heavy domains. Most non-coders can get a polished working prototype to a shareable URL in an afternoon.
How is v0 different from asking ChatGPT to write React code?
v0 gives you a live, interactive preview of the generated UI alongside the code — you see what it looks like instantly and can click through it before exporting. It also has one-click deploy to Vercel, GitHub sync with automatic branching, and is fine-tuned specifically on Next.js and shadcn/ui patterns. ChatGPT generates code only, with no visual preview or deployment pipeline.
Can I use what v0 generates commercially — do I own the code?
Vercel does not claim ownership of the code v0 generates; you are responsible for evaluating whether it's suitable for your commercial use. The output is standard React/Tailwind, so there are no unusual licensing restrictions from the framework side.
What exactly does v0 generate — a full app or just UI?
v0 generates production-ready React components and pages using Next.js, Tailwind CSS, and the shadcn/ui component library. As of 2026 it can also build full-stack apps with authentication, databases, and API integrations — but the backend is optional and you still configure it; it is not automatically included the way it is in Lovable or Base44.
How does the credit system work — what counts as one 'use'?
v0 uses token-based pricing rather than a fixed number of generations. Each prompt consumes tokens based on complexity — a simple button costs far less than a full dashboard. You can track spending in your usage settings. Different v0 models have different per-token rates.
How do I deploy my app so others can see it online?
Click 'Publish' in the top right and v0 deploys your app to Vercel instantly — no setup, and you get a live URL in under a minute. If you already have a Vercel account, the same login works for v0. You can also deploy to other hosts by exporting the code.
The same set on /recipes, filtered by tool and role.
6Videos 6
v0 AI Full Tutorial for Beginners (Vercel v0)
The most recent v0 tutorial. If you've never opened v0, start here — the UI in this video matches what you'll see today.
Build and deploy a full app with Base44 in 2026 (full tutorial)
The shortest credible 'I built a thing' video for Base44. Pair with the independent review below if you want a non-sponsored counterweight.
Lovable Full Tutorial for Beginners 2026: How to Use Lovable
Freshest Lovable beginner tutorial. The UI moves fast; this one matches what you'll actually see when you sign up today.
Vercel Product Walkthrough (2026)
Authoritative source for where v0 is going. Watch when you've used v0 a bit and want to know what the next features will enable.
Lovable AI Tutorial For Beginners 2026 | Create a Website
Structured pedagogy from a reputable training channel. Good complement to Mikey's video — same tool, more textbook tone.
What Does Vercel Actually Do? Build & Deploy with v0, GitHub, and the Vercel CLI
Best framing video for non-Vercel users. After this, the official walkthrough above lands properly because you have the platform context.
7FAQ 23
What the acquisition means for users — pricing and support changes
Wix acquired Base44 in 2025. The core product and brand stayed intact, and the platform has continued to grow to hundreds of thousands of users. Some users have reported pricing increases and slower support after the acquisition. On balance it is well-funded and not going away soon, but factor the post-acquisition changes into your decision.
Who owns my data and my app — does Base44 have rights to what I build?
According to Base44's terms, you own your apps and your data. Base44 does not claim ownership of what you create and lets you request a copy of or delete your data. One caveat: servers are in the United States by default, and EU data residency is only on higher plans — relevant if you handle EU personal data.
Is there vendor lock-in — what happens to my app if I stop paying?
There is significant lock-in. Your backend runs on Base44's proprietary infrastructure, and while the frontend code can be exported to GitHub, the backend cannot be self-hosted without a rewrite. If you cancel, your apps go offline at the end of the billing period. For a low-stakes project this is fine; for anything long-term or customer-facing, weigh the risk.
What kinds of apps can I build with Base44?
Any web app that needs a database and user accounts — for example a lab data tracker, a survey/form tool that stores responses, a literature-review organizer, a shared protocol library with role-based access, or a class quiz app. The AI generates the full app from a plain-English description, so you describe what you need the way you'd explain it to a colleague.
What are 'integration credits' — are those separate from message credits?
Yes, they are a separate pool. Integration credits are consumed not when you build, but when your live app's users trigger Base44's built-in services — sending an email, an AI/LLM call, generating an image. If your app emails users frequently, these can run out independently of your message credits.
Can I export my code or take my app elsewhere if I want to leave Base44?
Partially. The GitHub integration lets you push your frontend code to a repo and edit it locally, but the backend — your database connections, authentication, and business rules — is wrapped inside Base44's proprietary SDK and runs on their servers. You can't export a fully independent, self-hostable app: leaving Base44 means rebuilding the backend elsewhere.
Does Base44 include a built-in database and user authentication?
Yes, both are fully built-in with zero setup. When you describe your app, Base44 automatically creates database tables, relationships, and permissions, plus user registration, login, and role-based access — no external service like Supabase or Firebase needed. This all-in-one approach is Base44's main selling point over tools like v0, which only generate frontend code.
Can I connect a custom domain to my Base44 app?
Yes, but it requires a higher paid plan — it is not available on the free or entry tier. You can buy a domain through Base44 (SSL handled automatically) or connect one you already own by adding a DNS record at your provider. Free SSL is included; DNS propagation can take up to 72 hours.
What integrations does Base44 support — can my app send emails or call an AI?
Several integrations are available out-of-the-box on all plans, including AI/LLM calls, sending email, file upload, image generation, and data extraction from files. Paid plans add OAuth connectors to services like Slack, Notion, and Google Workspace, and any service with an OpenAPI spec can be added as a custom integration.
How does Base44 compare to Lovable — which should a beginner pick?
Base44 works better out-of-the-box for non-technical users: it handles the full stack (frontend, backend, database, auth) automatically with the fewest decisions. Lovable generates real exportable React/TypeScript code you own and can deploy anywhere, but requires a bit more setup. Short version: Base44 for speed and simplicity; Lovable if you care about code ownership and long-term flexibility.
How does Base44 compare to v0 (Vercel)?
They serve different purposes. v0 is a frontend-only UI generator for developers who already know React — it does not handle databases, authentication, or hosting. Base44 builds a complete working app including backend, database, and auth from plain-language descriptions, with no coding needed. With no coding background, v0 alone cannot build a deployable app; Base44 can.
What do I do when I'm stuck in a debugging loop burning credits?
When an error appears, first click the 'Try to Fix' button — Lovable scans your logs and attempts a repair at no extra credit cost. If that fails, avoid vague re-prompts like 'fix it'. Instead revert to the last working version (View History), then write a clearer, more specific prompt. For simple visual fixes, switch to Code mode and edit manually — manual edits are free.
Lovable vs Base44 vs v0 — which should I use?
Lovable is best if you want to own your code, hand the project to a developer later, or want a real React codebase you can deploy anywhere. Base44 is slightly simpler to start and includes a fully managed backend, but your code is harder to export. v0 is primarily a frontend UI generator and needs more technical knowledge. With no coding background, Lovable or Base44 are the most practical.
How does GitHub export work — do I need to know Git?
In your project settings you connect your GitHub account and Lovable creates a repository automatically; after that, changes sync to the repo (two-way on paid plans). You don't need Git commands to export — it's a one-click setup. Once the code is on GitHub you can open it in any editor, deploy it to Vercel or Netlify, or hand it to a developer.
What tech stack does Lovable generate — can a developer read and edit it?
Lovable generates standard React + TypeScript projects styled with Tailwind CSS (recent projects use modern frameworks with server-side rendering). The code is clean, readable, and standard — a developer can open the GitHub repo and edit it normally. There is also a built-in Code mode inside Lovable for manual edits without leaving the platform.
Is Lovable good for a quick prototype or for a production app?
Lovable shines for quick prototypes and MVPs you can get to a shareable URL fast. You can take a project toward production because you own the exportable code and can connect a real Supabase backend and custom domain — but complex, scale- or compliance-sensitive apps will eventually need a developer to take over the exported codebase. Start with a prototype, then decide.
Can I export my code and own it? Do I need to keep paying Lovable to keep my app?
You own everything you build — there are no licensing fees on your code. You can export the full project to GitHub at any time, including on the free plan. Once your code is on GitHub you can deploy it anywhere (Vercel, Netlify, your own server) and stop paying Lovable; the app keeps running. The export includes your React components, styles, Supabase config, and folder structure.
What can I realistically build with Lovable as a non-coder?
Lovable suits landing pages, portfolios, forms, dashboards, simple SaaS tools, internal team apps, and MVPs with authentication and a database. It cannot produce native iOS/Android apps (only mobile-responsive websites), and it struggles with very complex business logic or compliance-heavy domains. Most non-coders can get a polished working prototype to a shareable URL in an afternoon.
How is v0 different from asking ChatGPT to write React code?
v0 gives you a live, interactive preview of the generated UI alongside the code — you see what it looks like instantly and can click through it before exporting. It also has one-click deploy to Vercel, GitHub sync with automatic branching, and is fine-tuned specifically on Next.js and shadcn/ui patterns. ChatGPT generates code only, with no visual preview or deployment pipeline.
Can I use what v0 generates commercially — do I own the code?
Vercel does not claim ownership of the code v0 generates; you are responsible for evaluating whether it's suitable for your commercial use. The output is standard React/Tailwind, so there are no unusual licensing restrictions from the framework side.
+ 3 more in the library.
8Glossary 53 terms
Show the 53 terms
Base44
invokeLLM- A built-in Base44 function that runs an AI language model from inside your app, letting you add features like summarization, classification, or a chat assistant without managing any external API keys.
GenerateImage- A built-in Base44 function that creates an image from a text description, so your app can produce cover photos, thumbnails, or marketing visuals on demand.
GenerateSpeech- A built-in Base44 function that converts text into spoken audio and returns a URL to an MP3 file, supporting 30 languages and five voice styles (river, honey, sunny, storm, spark).
SendEmail- A built-in Base44 function that sends an email (such as a confirmation, alert, or notification) to registered users of your app without needing a separate email service account.
ExtractDataFromUploadedFile- A built-in Base44 function that reads an uploaded document (CSV, PDF, or image) and extracts its contents into structured records your app can store and query.
npm install- A standard command that downloads and adds a JavaScript library from the public npm registry into your project so your code can use it.
App Visibility- A dashboard setting that controls who can reach your published app: public to anyone, your workspace, or private/invited users only.
Connectors- Base44 integrations with services like Stripe, Gmail, and Slack that authorise via OAuth, so no API key sits in your code.
integration credits- The unit consumed by Base44's built-in AI and connector actions (roughly a few per LLM call, about one per email), drawn from your plan's monthly allowance.
Automations- Base44's scheduler for backend jobs that run on a time schedule or on a data change, with no user needing to open the app.
Security Scan- Base44's automated check that grades your app's data-permission rules and endpoints and flags issues to fix before publishing.
Lovable
Build mode- Lovable's implementation mode where agents write code, apply changes across files, and verify results.
Plan mode- Lovable's reasoning mode for exploring ideas, comparing approaches, and reviewing plans without modifying any code.
Prompt- A plain-English instruction you type to tell Lovable what to create, change, fix, or explain in your app.
Prompt queue- A queue of pending prompts you can reorder, edit, copy, or remove before Lovable processes them.
Preview- The live, interactive view of your app shown inside Lovable while you are building, so you can see changes as they happen.
Preview toolbar- An overlay above the preview that lets you select any element, edit text directly, add annotations, and leave comments.
Visible tasks- The step-by-step progress shown in the chat during a build, displaying the current step, files being modified, and tools being used.
Diff- A side-by-side file change comparison showing exactly which lines were added or removed by Lovable.
History- The chronological log of every change made to your project, letting you revert to any earlier version or save a checkpoint.
Remix- A way to create an independent copy of a project as the starting point for a brand-new project, preserving the original.
Knowledge- Persistent instructions you write once that Lovable follows across all future conversations, available at both workspace and project level.
Publish- The action that deploys a snapshot of your project to a live URL so others can visit and use your app.
Custom domain- A web address you own (such as myapp.com) that you connect to your published Lovable project instead of the default lovable.app URL.
Lovable Cloud- Lovable's built-in full-stack platform that provides a database, user authentication, file storage, and edge functions without any manual setup.
Secrets- Securely stored credentials (API keys and passwords) that are automatically injected into your edge functions so they never appear in your code.
GitHub integration- A two-way sync between your Lovable project and a GitHub repository so your code is version-controlled and other developers can collaborate on it.
Credits- The units Lovable uses to measure usage — both Plan mode messages and Build mode runs consume credits from your workspace's shared balance.
Workspace- The top-level container that holds all your projects, team members, billing, and settings for one account or organisation.
Project- A single app you are building inside Lovable, with its own code, chat history, integrations, and settings.
Subagents- Temporary, read-only helper agents Lovable spins up to research, inspect code, and browse the web in parallel before the main agent makes changes.
Browser testing- A feature where Lovable controls a real browser to click buttons, fill forms, and capture screenshots to verify your app's end-to-end behaviour.
Edge functions- Serverless TypeScript functions that run on Lovable Cloud and handle backend tasks such as APIs, webhooks, and third-party integrations.
v0
Sandbox- An isolated virtual machine that hosts your project files, runs the live preview, and executes commands on your behalf — completely separate from your deployed app, so each chat gets its own environment with no state leaking between them.
Live preview- A real-time view of your running app inside v0's chat, served from the sandbox so what you see matches what your users will experience.
Deployment- Publishing your v0 project to Vercel so it runs at a public URL with automatic HTTPS and global CDN distribution.
Production URL- The single public web address that represents the live version of your project; the URL stays constant across all deployments so your app is always reachable at the same address.
Design Mode- A visual editing tool in v0 that lets you click any element in the live preview and adjust its appearance using a style panel or natural-language instructions, without writing code directly.
React Server Components- A Next.js feature where parts of your page are rendered on the server before being sent to the browser, improving load speed and search-engine visibility; v0 uses Next.js, which enables these by default.
Server actions- Functions that run on the server rather than in the browser, used in v0's Next.js projects to handle form submissions, database writes, and other backend tasks.
Environment variables- Secret configuration values (like API keys) stored outside your code and managed through your connected Vercel project, so sensitive credentials are not hard-coded or publicly visible.
NEXT_PUBLIC_- A required prefix for environment variable names in Next.js when the value needs to be accessible in the browser; without it, the variable is available on the server only.
Connect panel- The v0 interface where you link external services — databases, AI models, and other integrations — to your project.
Vercel- The cloud hosting platform that v0 is built on; it handles deploying your app, managing your domain, and distributing it globally — and your v0 account is a Vercel account.
Versions- A saved snapshot of your project's code created each time v0 updates a code block in response to a message; you can review, compare, or restore any earlier version.
Duplicate- Creating your own copy of a shared v0 chat so you can make changes without affecting the original, with the option to keep it linked to the same Vercel project.
Unlisted- A sharing setting where anyone with the link can view your project, but it will not be indexed by search engines or appear in public galleries.
Templates- Published v0 chats you can fork as a starting point, giving you a working app structure to customise instead of starting from a blank prompt.
MCP integrations- Connections to external tools and data sources (such as databases, APIs, and services like Stripe or Neon) that v0's AI automatically considers when generating responses, allowing it to incorporate real external context.
Figma integration- A v0 feature that lets you attach a Figma link and have v0 convert the design — including layout, colors, and spacing — into working code.
GitHub integration- A v0 connection that automatically commits every code change to a dedicated branch in your GitHub repository and lets you open a pull request to merge it into main.
Custom domain- A web address you own (like myapp.com) that you can attach to your deployed v0 project instead of using the default Vercel URL.
Agentic features- Autonomous capabilities where v0 plans and carries out multi-step tasks on its own — such as running terminal commands, searching the web, fixing errors, and calling external integrations — without you directing every step.
9See also
💬 Discuss this chapter
Ask, share, or report — over on the Heidelberg AI community forum.