Back to Classroom

Production Web Stack

A practical stack for taking a real website online: domain, deploy, database, code history, and system email.

How these services connect

Simple Production Web StackCode, deploy, database, domain/security, and email in one workflow1GitHubsource code2Verceldeploy web3Supabasedata and auth4CloudflareDNS and security5Resendsystem emailsGood for early real projects because many parts can start on free tiers.

What each service does

Cloudflare

Manages domain, DNS, security, CDN, and some Cloudflare Workers for lightweight edge logic.

Domain around 10 USD/year; many services still have free tiers.

Vercel

Deploys the website online, with Preview deployments for testing and Production for the live site.

Free tier is enough for many early projects.

Supabase

A PostgreSQL backend with database, login, auth, storage, APIs, and many backend needs in one place.

Free tier available for starting projects.

GitHub

Keeps source code safe, records every change, and makes it easier to review or roll back when something breaks.

Used as the main project and source-code repository.

Resend.com

Sends system emails such as invites, password resets, and notifications without running your own mail server.

Chosen after AWS email verification did not pass.

Why this stack is useful

1Start small without renting and maintaining your own server from day one.
2Preview every change before publishing to production.
3Database, login, files, security, and email are separated clearly.
4The project has code history, rollback options, and a safer workflow.

Want to plan a web app stack?

TNGroup Soft Thailand can help choose the right tools, budget, and production setup.

Contact Us