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
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