App Cloud basics
What is a web app?
A web app is software you use through a browser to complete tasks, work with information, or interact with other people and services.
What a web app is.
A web app runs in a browser tab and is reached through an address, not an installer. The part you see is HTML, CSS and JavaScript that the browser downloads and runs. Whatever must outlast the visit usually lives on a server: saved records, accounts, uploaded files and the rules about who may change what. A small web app can skip the server and keep everything in the browser.
Compare a restaurant’s menu page with its table-booking page. The menu is a website: you read it and leave. The booking page is a web app: you pick a date, it checks which tables are free, and it saves your reservation where the staff can see it. Both open at an address in the same browser, often on the same site. The difference shows when you press a button. A web app takes your input, does something with it, and usually remembers the result.
- You open a web app at an address, with nothing to install first.
- It exists to get something done, not only to present information.
- The interface runs in the browser; shared records and permissions usually live on a server.
- Visitors load the current version, so a fix usually reaches people on their next visit.
Web app, website, or mobile app?
| Compare | Web app | Website | Mobile app |
|---|---|---|---|
| Main job | Help you finish a task, such as booking, editing or tracking | Present information you read and browse | Help you finish a task on a phone or tablet |
| How you open it | Visit its address in a browser | Visit its address in a browser | Install it, usually from an app store, then tap its icon |
| Built for | Many devices from one codebase | Many devices from one codebase | One operating system per build, such as iOS or Android |
| Updates | The next page load brings the current version | Readers see new content on their next visit | A new version is downloaded to the device, often automatically |
| Without a connection | Works only if built for it, for example with a service worker | Most pages need a connection | Works for the features designed to run offline |
| Saved data | On a server behind an account, or only in that browser for a static app | Little or none; a form may send a message | On the device, on a server, or both |
The lines blur. A website can contain a web app, such as a booking page on a restaurant’s site, and a progressive web app can be installed and launched like a mobile app.
Types of web apps.
These labels answer different questions, so one app can carry several. A booking system might be a full-stack, single-page, progressive web app at the same time.
Static web app
The server sends the same files to everyone, and all the work happens in the browser. Calculators, checklists and interactive guides fit here. What a visitor types stays in that browser unless the app sends it somewhere.
Full-stack web app
Adds server logic, a database and usually sign-in, so records are saved and shared across devices. Portals, trackers and booking systems need this, because one person’s change has to reach the next person.
Single-page app (SPA)
Loads one document, then swaps screens with JavaScript instead of loading new pages. Moving around feels quick, but navigation, saved state and visibility in search take extra care.
Multi-page or server-rendered app
The server sends a new HTML page for each screen. Search engines and link previews can read the content without running scripts, and pages stay partly usable if JavaScript fails.
Progressive web app (PWA)
A web app with a manifest, served over HTTPS, that browsers can offer to install with its own icon and window. Many also use a service worker so some screens open without a network.
Examples of web apps.
- Webmail in a browser tab: the inbox and folders live on a mail server, so the same messages appear on a laptop and a phone.
- A map in the browser that searches an address, loads the area you are viewing and draws a route between two points.
- Online banking, where balances come from the bank’s servers and each transfer asks you to confirm before it goes through.
- An online document editor that saves every change to your account instead of to a file on one computer.
- A booking page that checks which time slots are still free before it accepts a reservation.
- A customer portal where each client signs in and sees only their own projects, invoices and files.
- An inventory tracker a small shop updates during the day, so the count on screen matches the shelf.
Parts of a web app.
Interface
Screens, forms and buttons built from HTML, CSS and JavaScript that the browser downloads. Design each screen for a narrow phone, for the moment data is loading, and for a request that fails.
Server logic
Code that receives each request, checks the input and decides what to read or change. Rules that must hold for everyone, such as prices or availability, belong here and not only in the browser.
Database
The saved records, such as bookings, orders, notes and stock counts. A database keeps them after the tab closes and lets many people work from the same entries.
Sign-in and permissions
Sign-in establishes who someone is. Permissions decide which records that person may read or change, so one client never opens another client’s invoices.
Files and email
Photos, PDFs and attachments need file storage with the same access rules as the records they belong to. Email carries the confirmations and notifications the app sends.
Address and HTTPS
A domain people can type or bookmark, and a certificate so the browser trusts the connection. A progressive web app must be served over HTTPS before browsers offer to install it.
Common mistakes.
Expecting a static app to keep shared records
A static app has nowhere to store what one visitor enters for the next one. If people submit forms or work from a shared list, plan a backend and a database from the start.
Testing only the desktop view
Try narrow screens, keyboard navigation and the main action on a real phone before you share the address.
Treating sign-in as authorization
Check which records each account can read or change, including requests sent straight to the server rather than through the screens.
Showing key text only after scripts run
Some crawlers and link previews do not run JavaScript. Put titles, descriptions and key content in the HTML the server sends, and use scripts for interaction.
Building an app-store version before the workflow works
Prove the main task in the browser with the people who will use it. Installability or a platform-specific app can come later, once you know which screens matter.
In your App Cloud.
With Exepad you describe the web app you want, then create, refine, review and publish it in Studio. Published apps open in a browser, including on phones. A one-page site goes live on Free. An app with a database, authentication, email, file storage, or models and agents inside it needs a paid plan to go live, and custom domains need Pro. Model and service usage is metered separately.
Explore the capabilities or find an app or agent to create. Plan allowances and usage are explained on Pricing.
Web app questions.
Do you have to install a web app?
No. You open it by visiting its address in a browser, on a computer or a phone. Some web apps can also be installed as progressive web apps, which adds an icon and a separate window, but the browser version works without that step.
What is the difference between a website and a web app?
A website mainly presents information. A web app lets you act on it: book, edit, submit or track. The two overlap, because many websites contain a web app such as a booking page or a customer login. Describe the task people need to finish, and the label matters less.
How is a web app different from a mobile app?
A mobile app is built for one operating system and usually installed from an app store. A web app runs in the phone’s browser from an address, so one version serves phones, tablets and computers. Platform-specific apps can reach device features that a browser may not expose.
Do web apps work offline?
Most need a connection, because their data lives on a server. A progressive web app can use a service worker to cache pages and files, so some screens open without a network. Changes made offline still have to reach the server once the connection returns.
What is the difference between a static and a full-stack web app?
A static app is a set of files the browser runs. It can calculate, filter and display, but it cannot share saved records between visitors. A full-stack app adds a server, a database and usually sign-in, so an entry one person saves is there for the next.
Do you need to code to build a web app?
Not always. App builders and no-code tools let you describe or arrange an app, then refine it by testing. You still decide the records, the permissions and what each button does, and you check the result before other people rely on it.
Further reading
MDN: Client-server overview ↗MDN: What is a progressive web app? ↗MDN: Progressive web apps ↗MDN: Making PWAs installable ↗MDN: Offline and background operation ↗MDN: Single-page application ↗MDN: Server-side rendering ↗Google Search Central: JavaScript SEO basics ↗Keep learning.
Your ideas, up and running
Your next idea has a home.
Build an app. Run an agent. Make it yours.
Start building