How to OVER Engineer a Website // What is a Tech Stack?

A video on YouTube. In Tech, a Krater category.

Summary by Krater

An educational video explaining what a tech stack is, breaking down its layers (frontend, API, backend), examining popular combinations like MEAN, and walking through building a full-stack web application using both an over-engineered stack (TypeScript, React, Redux, Tailwind, Sass, PostCSS, Webpack, MySQL, Redis, Node.js, NestJS, TypeORM, Nginx, Docker, Kubernetes, AWS, Terraform, GitHub Actions, Apollo GraphQL, Stripe, Auth0, Amazon Recognition, Twilio) and a simplified Petite-Vue and Firebase stack.

From the video

Answers: What is a tech stack and how do I choose one?

Tech stack architecture
Frontend development frameworks
Backend runtimes and frameworks
Database options and caching
DevOps and infrastructure as code
APIs and payment integration

What it concludes

Every app is just a technology sandwich consisting of a frontend layer, a backend layer, and APIs connecting them.
Acronym tech stack names like MEAN, MERN, and MEVN don't accurately capture everything needed in a real application.
End users do not care and will never know what technology you used to build the application as long as they have a good experience.
Simpler stacks like Petite-Vue and Firebase provide a much easier way to build full-stack web applications without complex DevOps infrastructure.

Rate it, review it and add it to your lists in Krater.

Titles and thumbnails from YouTube. Krater isn't affiliated with, endorsed by or sponsored by YouTube or Google.