DEV Community

Hiep Nguyen
Hiep Nguyen

Posted on

How to deploy a full-stack web app to production

Technologies for a project

  1. Web application — client-side code (ex: ReactJS, VueJS, etc.)

  2. Backend server — server-side code (ex: Python, Node.js, etc.)

  3. Database — storage for your data (ex: MySQL, Redis, PostgreSQL, etc.)

Image description
Web application

  1. Vercel — Vercel combines the best developer experience with an obsessive focus on end-user performance. Our platform enables frontend teams to do their best work.
  2. Netlify — The fastest way to combine your favorite tools and APIs to build the fastest sites, stores, and apps for the web.
  3. Firebase Hosting — Firebase Hosting provides fast and secure hosting for your web app, static and dynamic content, and micro-services.
  4. Github Pages — Hosted directly from your GitHub repository. Just edit, push, and your changes are live.
  5. Surge — Simple, single-command web publishing. Publish HTML, CSS, and JS for free, without leaving the command line.
  6. Cloudflare — Free tier for public static pages, serverless worker

Backend server

  1. Railway — Railway is an infrastructure platform where you can provision infrastructure, develop with that infrastructure locally, and then deploy it to the cloud.

Database

  1. Upstash — A serverless database for Redis, Kafka
  2. MongoDB Atlas — The most advanced cloud database service on the market, with unmatched data distribution and mobility across AWS, Azure, and Google Cloud, built-in automation for resource and workload optimization, and so much more.
  3. PlanetScale — The MySQL-compatible serverless database platform.
  4. Firebase Realtime Database — Store and sync data with our NoSQL cloud database. Data is synced across all clients in real-time and remains available when your app goes offline.

Analytics

  1. Hotjar — Understand how users behave on your site, what they need, and how they feel, fast.
  2. Clarity — Clarity is a free, easy-to-use tool that captures how real people actually use your site. Setup is easy and you’ll start getting data in minutes.
  3. OpenReplay — Open-source session replay suite, built for developers and self-hosted for full control over your data.
  4. LogRocket — Combines session replay, performance monitoring, and product analytics — empowering software teams to create the ideal web and mobile product experience

Top comments (0)