Modern Web Stacks
Modern Web Stacks
Overview
"Stack" means the set of technologies used across frontend, backend, and database.
Common stacks
- MERN: MongoDB, Express, React, Node.js
- PERN: Postgres, Express, React, Node.js
- Django + React: Django REST Framework + React
- Flask/FastAPI + React/Vue
- Next.js + Node API routes + Postgres/Prisma
Choosing a stack
- Team familiarity and velocity
- Data model complexity (SQL vs NoSQL)
- Hosting/deployment options
- Ecosystem and docs
Example
- PERN sample: React frontend, Express backend, Postgres via Prisma ORM
Checklist
- Pick a stack and document why
- Create a skeleton app end-to-end early
- Add linting, formatting, testing from day one
Resources
- Prisma: prisma.io
- FastAPI: fastapi.tiangolo.com
- Django REST Framework: www.django-rest-framework.org