Title here
Summary here
Production
Terminology
Deployment
Transferring website from developement to a live server. By building the source code into production files. CI/CD automates the deployment process like GitHub Actions.
Domain
A website address. DNS (Domain Naming System) maps domain names to the server’s IP addres.
Hosting
Storing website files on a server so they can be accessed online.
| Cloud Platform | Web Server | |
|---|---|---|
| Description | Third-party hosting provider | Serves on a domain |
| Examples | AWS, Vercel, Netlify | Apache, NGNIX (Engine-X) |
Reverse Proxy
A web server like routes requests to appropriate services (e.g., frontend or backend).
Web Server
Web server handle HTTP requests, serve content, and manage traffic for web applications. Think web servers as a vanilla server that serve website. Ngnix is newer than Apache and are more modern.
| Technology | Examples | Interaction with web server |
|---|---|---|
| Application Server | Node.js | Have overlapped functionality but node is not web server |
| Developement Tool | Vite, Nuxt, Next | After the dev tool built static site, web server hosts the static sites (proxy) |
| Cloud Platform | AWS, Azure | Offer managed solutions that reduce the need for direct Apache/NGINX use in many scenarios |
| OS | Linux | Foundation for web server deployment |
VPS (Virtual Private Server)
A VPS is a virtual machine offered by hosting providers, giving you control over a portion of a physical server. It’s like having your own private server without sharing resources with other users. Some popular VPS provider: DigitalOcean, Linode, Vultr, AWS Lightsail
Full-Stack Deployment
Hosting both frontend and backend together on a single or integrated platform.
Serverless
A hosting model where the cloud provider manages the server infrastructure for you (e.g., AWS Lambda, Vercel Functions).
CDN (Content Delivery Network)
A global network of servers that deliver static content quickly to users (e.g., Cloudflare, AWS CloudFront).
Platforms
Azure vs AWS vs Firebase
| Microsoft Azure | Amazon AWS | Google Firebase | |
|---|---|---|---|
| Ease of Use | Moderate | Advanced | Beginner-friendly |
| Static Hosting | Static Web Apps (CI/CD with GitHub, Azure DevOps), Azure Blob Storage | S3 + Cloud Front(For fast flobal delivery) | Firebase Hosting |
| Dynamic Hosting | App Service, Azure Kubernetes Service (AKS), VMs | EC2, Beanstalk, Lambda | Firebase Cloud Functions |
| Serverless | Azure Functions | AWS Lambda | Firebase Cloud Functions |
| Pricing | Pay-as-you-go, predictable | Highly scalable, variable | Free tier for small projects |
| Best for | Enterprises, static sites with serverless APIs, dynamic apps with scalability | Businesses needing scalability and advanced customization | Startups and small to medium projects needing a fast, integrated backend + frontend setup |
Cloud Platforms for Frontend
These platform only can do dynamic hosting and lightweight backend using serverless function
| Platform | Static | Dynamic | Feature |
|---|---|---|---|
| Netlify | O | O | Great for SPAs and static websites |
| Vercel | O | O | Ideal for static or SSR-enabled apps |
| Firebase Hosting | O | O | Excellent for SPAs, especially with Firebase integrations |
| GitHub Pages | O | X | - |
| AWS S3 + Cloud Front | O | X | Great for hosting static websites or SPAs |
Cloud Platforms for Backend
These framework support full backend frameworks
| Platform | Static | Dynamic | Feature |
|---|---|---|---|
| Heroku | X | O | Suitable for frontend + backend hosting together in one app |
| Render | O | O | Ideal for dynamic backends or full-stack apps |
| AWS EC2 + Elastic Beanstack (For deploying dynamic apps) + Lambda | O | O | Excellent for dynamic backends |
Prev
Express.jsNext
React