Updated September 2026 · Written and maintained by the Progression Agency strategy team
A tech stack is the set of languages, frameworks, databases, services and hosting that a website or application is built and run on. This guide explains what a tech stack is, walks through each layer with the mainstream options, compares common stacks (MERN, Next.js and PostgreSQL, Django, Laravel, .NET, Rails), and gives a practical method for choosing the best tech stack for a web app, a SaaS product, an ecommerce site or a startup MVP.
On this page · 11 sections
- What is a tech stack?
- The layers of a modern web tech stack
- Common tech stacks compared
- Best tech stack for a web app
- Best tech stack for a SaaS product
- Best tech stack for a startup MVP
- Best tech stack for ecommerce
- Best tech stack for a marketing site or landing pages
- How to choose a tech stack: a method
- Tech stack mistakes to avoid
- How Progression Agency chooses stacks
The short answerA tech stack has five layers: front end (React, Vue, Angular, Svelte), back end (Node.js, Python, PHP, C#, Java, Ruby with their frameworks), database (PostgreSQL, MySQL, MongoDB), infrastructure (Vercel, Cloudflare, AWS, Azure, Google Cloud) and the services around them (auth, payments, email, analytics). The best tech stack for most new web apps and SaaS products in 2026 is TypeScript end to end: Next.js on the front end, Node.js or a backend-as-a-service behind it, PostgreSQL, and hosting on Vercel or Cloudflare with AWS for anything heavy. Choose by who will build and maintain it, not by what is fashionable.
Comparisons are based on each project’s official documentation as linked in the text. Progression Agency builds with all of the technologies compared and has no affiliate relationship with any of them.
What is a tech stack?
The term comes from the layers stacking on top of one another: the user sees the front end, which talks to the back end, which reads and writes a database, all of it running on infrastructure and connected to third-party services. Every website has a stack, even a WordPress site (PHP, MySQL, Apache or Nginx, a theme and plugins). The stack determines what the product can do, how fast it runs, what it costs to host and, most importantly, who can be hired to work on it.
The layers of a modern web tech stack
Front end
The interface in the browser. React (usually with Next.js) is the most common choice, with Vue (Nuxt), Angular and Svelte (SvelteKit) as the alternatives; the Stack Overflow Developer Survey 2024 reports React well ahead in usage. For content sites, Astro or a CMS often replaces an application framework. See React vs Vue vs Angular.
Back end
The server that handles requests, business rules, authentication and integrations. Options follow languages: Node.js (Express, Fastify, NestJS), Python (Django, FastAPI), PHP (Laravel), C# (ASP.NET Core), Java (Spring Boot), Ruby (Rails) and Go. Full-stack JavaScript frameworks such as Next.js blur the line by hosting API routes and server code alongside the front end. See web development frameworks.
Database
PostgreSQL is the default relational database for new products; MySQL and MariaDB remain common, especially with PHP; MongoDB is the usual document database; Redis handles caching and queues; managed options such as Supabase, Neon, PlanetScale and Amazon RDS remove the operations work.
Infrastructure and hosting
Where the code runs: Vercel, Netlify and Cloudflare for front-end and serverless work; AWS, Azure and Google Cloud for anything; DigitalOcean, Hetzner and Render for simpler servers; Docker and Kubernetes for containerized systems. See hosting types compared and Cloudflare vs AWS.
Services and tooling
Authentication (Auth0, Clerk, Supabase Auth), payments (Stripe), email (Postmark, SendGrid), search (Algolia, Meilisearch), analytics (GA4, PostHog), monitoring (Sentry, Datadog), CI/CD (GitHub Actions) and the CMS if content is involved.
Common tech stacks compared
| Stack | Layers | Strengths | Watch out for | Typical use |
|---|---|---|---|---|
| Next.js + Node + PostgreSQL | React, TypeScript, Node.js, Postgres, Vercel/AWS | One language, huge ecosystem, hiring | Caching and server costs at scale | SaaS, portals, marketplaces |
| MERN | MongoDB, Express, React, Node | Fast to start, JSON everywhere | Schema discipline, relational needs | Startups, MVPs |
| Django + React or HTMX | Python, Django, Postgres | Admin, security, data and AI libraries | Two languages if React is added | Data products, AI features, internal tools |
| Laravel + Vue or Inertia | PHP, Laravel, MySQL/Postgres | Productivity, affordable hosting, ecosystem | Perceived as less modern (unfairly) | Business apps, SaaS |
| .NET + React or Blazor | C#, ASP.NET Core, SQL Server/Postgres, Azure | Performance, enterprise tooling, Microsoft integration | Licensing if SQL Server | Enterprises on Microsoft |
| Rails | Ruby, Rails, Postgres | Convention, speed of product development | Smaller hiring pool than JS | Startups, SaaS |
| JAMstack / Astro + headless CMS | Astro or Next.js, CMS API, CDN | Speed, security, low hosting cost | Dynamic features need services | Marketing sites, blogs, docs |
| WordPress (LAMP) | PHP, MySQL, Apache/Nginx | Editors, plugins, cost | Performance and security discipline | Content sites, small business |
Best tech stack for a web app
For a customer-facing web application with logins, data and workflows: Next.js with TypeScript, a Node.js or Next.js back end (or Django when Python libraries matter), PostgreSQL, Stripe for billing, an auth service, and hosting on Vercel or Cloudflare with a managed database. It is the stack most US developers know, so the product can be staffed for years. See web app development.
Best tech stack for a SaaS product
SaaS adds multi-tenancy, subscription billing, roles, audit logs and uptime obligations. The web-app stack above with PostgreSQL row-level security or a tenant column, Stripe Billing, background jobs (queues), object storage (S3 or R2), monitoring and infrastructure as code covers most B2B SaaS. Heavier products move the back end to containers on AWS or Google Cloud when traffic and compliance demand it. See SaaS development and SaaS hosting.
Best tech stack for a startup MVP
Optimize for speed to learning: Next.js plus a backend-as-a-service (Supabase or Firebase) gives auth, database, storage and functions on day one; Stripe handles payments; Vercel hosts it. Avoid microservices, Kubernetes and custom auth until the product has users. See MVP development.
Best tech stack for ecommerce
Shopify (with Hydrogen or a Next.js storefront for custom front ends) for most stores; WooCommerce on managed WordPress hosting for content-heavy stores that need WordPress; a headless commerce API with Next.js for large or unusual catalogs. See Shopify vs WooCommerce.
Best tech stack for a marketing site or landing pages
WordPress when marketers edit everything; Astro with a headless CMS when speed and custom design lead; Webflow when a design team wants no hosting to manage. See Astro vs Next.js and best CMS platforms.
How to choose a tech stack: a method
- Write down what the product must do in year one and what it might do in year three.
- List the people who will build and maintain it, and what they know; hiring pool is the biggest long-term cost.
- Identify hard requirements: compliance (HIPAA, SOC 2), integrations, real-time features, AI or data workloads, offline use.
- Choose the back-end language from those constraints, then the framework, then the database.
- Choose the front end by team size and mobile plans.
- Choose hosting by traffic, budget and operations capacity, and estimate the monthly cost.
- Prefer boring, mainstream, well-documented tools; novelty is a cost.
- Record the decisions and their reasons in the plan so they can be revisited deliberately.
Tech stack mistakes to avoid
- Choosing by what a developer wants to learn rather than what the business can hire for.
- Microservices and Kubernetes before there is load to justify them.
- Mixing three back-end languages in one product.
- A NoSQL database for clearly relational data.
- Ignoring hosting cost until the first large bill.
- Building auth, billing or email from scratch when reliable services exist.
How Progression Agency chooses stacks
We default to TypeScript end to end with Next.js, Node.js, PostgreSQL and Vercel or AWS, add Django when Python libraries or AI work matter, and use WordPress or Astro for content. The stack for each project is written into the proposal with the reasons and the estimated hosting cost. See custom software development and software consulting.
Choosing a stack for a new product?
Send us the brief and we will recommend a full stack, the hosting and a planning estimate, with every choice explained.
Getting found in search
AI, AEO and what is changing
Paid media and lead generation
Websites and design
Choosing and working with an agency
Software and app development
Web development, platforms and hosting
- React vs Vue vs Angular
- Svelte vs React
- Astro vs Next.js
- Next.js vs React
- Web development frameworks
- SSR vs CSR vs SSG
- React Native vs Flutter
- Vercel vs Netlify
- Cloudflare vs AWS
- AWS vs Azure vs Google Cloud
- Web hosting types compared
- Hosting for React and Next.js
- SaaS hosting
- WordPress hosting guide
- Backend hosting options
- Website hosting for small business
- Headless CMS vs traditional CMS
- WordPress alternatives
- Best CMS platforms
- Webflow vs WordPress
- Wix vs Webflow
- Framer vs Webflow
- Shopify vs WooCommerce
- Custom software vs off-the-shelf
- Website development cost
- Monolith vs microservices
- Custom website development services
- React development company
- Next.js development company
- WordPress development company
- Webflow development agency
- Front-end development company
- WordPress maintenance services
- Ecommerce website redesign services
- Website migration services
- DevOps services
- Cloud migration services
- Website speed optimization services
- Website security services
Social, content and brand
By industry and by situation
Frequently asked questions
What is a tech stack?
What is a tech stack example?
What is the best tech stack for web development?
What is the best tech stack for a SaaS product?
What is the best tech stack for a startup?
What is the MERN stack?
What is the LAMP stack?
What is a full-stack developer?
Does the tech stack affect SEO?
Does the tech stack affect cost?
Which database should a new web app use?
Should I use microservices?
Is WordPress a tech stack?
How do I find out a website’s tech stack?
Which tech stack does Progression Agency use?
Need software built?We design, build and support custom software, web apps and SaaS platforms, with a written scope first.
Get a free marketing proposal
Tell us what you are trying to grow and we will come back with a plan, not a pitch deck. Same-day reply on weekdays.
