Traditional web app overview
In Web2, the architecture of a web app can be broadly categorized into three layers:
Frontend
- This is the user interface, the part of the app users interact with directly.
- It's primarily crafted using languages like HTML, CSS, and JavaScript.
- Frameworks such as React, Angular, and Vue.js have become popular for developing more dynamic and responsive apps.
Backend
- Acts as the brains of the app, processing user requests, performing operations, and returning the desired data.
- Commonly used languages and frameworks include Node.js, Python (Django, Flask, etc.), Ruby on Rails, and Java.
- The backend also manages authentication, ensuring data security and integrity.
Database
- This is where the app's data is stored, retrieved, and manipulated.
- Solutions range from relational databases like MySQL, PostgreSQL, and Oracle to NoSQL databases like MongoDB, CouchDB, and Cassandra.
These layers interact with each other, ensuring a smooth and efficient user experience. Next, we examine how the frontend, backend, and database evolve when we move to Web3 and the Chromia stack.