Contact
What are you interested in?
Front End and Back End.
The front end is the part of a website or app that users see and operate — layout, text, forms, animations. The back end is the part behind the scenes that stores data, runs logic and talks to other systems — server, database, interfaces and admin area.
Front End and Back End — Explained in Detail
A restaurant is a good picture of it: the front end is the dining room with menu, tables and service. The back end is the kitchen with its stores, recipes and ordering system. Guests never see the kitchen, but they notice immediately when it does not work. On a website, the front end is everything that happens in the browser — HTML, CSS and JavaScript. The back end runs on the server: it receives form submissions, checks logins, calculates prices, stores data and sends emails.
Typical front-end technologies are HTML, CSS, JavaScript and frameworks such as React or Next.js. On the back end you find programming languages such as JavaScript (Node.js), PHP or Python, plus databases such as PostgreSQL or MySQL and APIs for connecting to other systems. Someone who masters both sides is called a full-stack developer. Modern frameworks blur the boundary: with Next.js, parts of the logic run on the server and parts in the browser, within the same project.
For clients the distinction matters above all when comparing quotes. A purely informational website has a lean back end — a CMS, or none at all if the content lives in the code. A booking system, a customer portal or a web app, by contrast, has an extensive back end with user management, permissions, database, notifications and reporting. The visible part can look similar in both cases; the effort behind it differs many times over.
Most problems arise at the interface between the two. A front end that only validates input in the browser is insecure, because any check in the browser can be bypassed — binding validation belongs in the back end. Conversely, the best back end is of little use if the front end loads slowly or is awkward to use on a phone. Good projects plan both sides together rather than handing them to separate teams that never talk to each other.
Example: same interface, different back end
Two restaurants want to offer table reservations on their website. The first embeds a standard booking tool as a widget — the back end belongs to the provider, and the website only shows the form. The second has its own solution built: reservations land in its own database, the team receives push notifications, plans the seating and exports customer lists. For guests, both forms look similar. In the second case the back end is a product in its own right that has to be built, hosted and maintained.
What this looks like in practice is shown in the Han Kitchen case study and on the restaurant booking system page. When a custom back end is worth it is something we discuss as part of web app development.
Related Page
Web Development ZurichIn-depth on the blog
Web-App, Website, App: der UnterschiedFrequently Asked Questions About Front End and Back End
A full-stack developer works on both the front end and the back end: on the interface in the browser, on the logic on the server and on the database. On smaller projects this is efficient, because one person keeps the whole interplay in view.
Not in the narrow sense. A static website can manage without its own database; forms are then processed by a service or a small server function. As soon as logins, bookings, shops or your own data come into play, you need a back end.
In a headless setup, front end and back end are completely separate and communicate only through an API. The back end, such as a headless CMS, supplies content; the front end displays it. More on this in the entry on headless architecture.
More Terms Starting with "F"
FCP (First Contentful Paint)
FCP measures how long it takes until the first visible content (text, image, SVG) appears in the bro...
First-Party Data
First-Party Data is data that a company collects directly from its own customers and website visitor...
Funnel (Marketing Funnel)
A Marketing Funnel visualizes the customer journey from first contact to purchase and beyond. It hel...
Ready for Your Project?
Apply this knowledge to your website — DLM Digital will help you.