DEV Community

ashish
ashish

Posted on

What's your current tech stack for web dev?

Tech Stacks, the complete package of tools needed by a web developer to create an awesome web app. A single web app can be made using many different teach stacks, it completely depends on the developer and on the developer trends. So, what's your current tech stack? It can have frameworks, databases, ORMs, CSS frameworks, tools and literally anything you use in the development process. Don't forget to give them weird abbreviations 😂

My current tech stack is NPTS which sounds weird,

  • N stands for NextJS, framework.
  • P stands for Prisma, ORM.
  • T stands for Tailwind, for styling.
  • S stands for Supabase, database.

It's a frontend focused tech stack.

Discussion (46)

Collapse
amrelmohamady profile image
Amr Elmohamady • Edited on

Frontend:

  • Vue for SPA
  • Vuex for state management
  • Nuxt if SSR or SSG is needed
  • Vuetify for UI components
  • Tailwind if I can't use vuetify (material design)

Mobile:

  • IonicVue I don't do Mobile but if I needed Ionic now supports Vue
  • capacitor for native things

Backend:

  • Nodejs
  • Nestjs (not Next.js) is a super cool framework for Rest, GraphQL, WebSockets and Microservices that is built on the inversion of control principle using dependency injection built on top of express and fastify
  • Express if I can't use nestjs
  • TypORM is a solid ORM
  • Sequelize when not using typescript

Database:

  • Postgres is my first choice for DBMS
  • MySQL is the company choice not mine
  • MongoDB when NoSQL is needed
  • Redis as centralized store for sessions and rate limiting tokens, for caching and for pub/sub WebSocket servers communication.
Collapse
asheeshh profile image
ashish Author

pretty clean stack, I have tried using vuetify with vite, does it support vue 3?

Collapse
amrelmohamady profile image
Amr Elmohamady

Not yet, it is currently in beta :(

Thread Thread
asheeshh profile image
ashish Author

I see, hope that they release stable version soon, thanks for letting know

Collapse
collimarco profile image
Marco Colli • Edited on

For Pushpad we use Ruby on Rails with PostgreSQL and Redis, plain CSS and JavaScript and we deploy on custom infrastructure on DigitalOcean.
For BuonMenu it's the same, but we deploy on Heroku, since it's a smaller website.

Collapse
asheeshh profile image
ashish Author

both look great, specially liked the buonmenu app, great concept ❤

Collapse
collimarco profile image
Marco Colli

Hey, Thank you :)

Collapse
ivaantorres profile image
Iván Torres García

Well I'm currently learning so I usually change the tech but:
Front: VueJS 3 (ViteJS) + TS + Windicss
Back: Express + TS + MongoDB (Should I give a try to NestJS??)
Devops: Docker + Actions
Testing: Vitest + Testing library + Cypress

Happy to hear if sb could give me some advise or some tech to start to use :)

Collapse
asheeshh profile image
ashish Author

vitest is great!

Collapse
guilhermeomt profile image
Guilherme Tavares

I'm planning to be a Node.js/.NET Core Fullstack Developer, so:

  • JavaScript, TypeScript and C#
  • React, Next.js and Gatsby (sometimes Angular 2+)
  • Node.js (Express or Nest.js) and ASP.NET Core
  • MSSQL, PostgreSQL and MongoDB / Prisma and Entity Framework Core
  • Microsoft Azure
Collapse
nikfp profile image
Nik F P

I've been working in a monorepo structure with:

  • Front end: Svelte with native CSS and handrolled Grapqhl library

  • Back end: Postgres with Prisma > Fastify > Graphql built out with Envelop and Graphql-modules

  • A shared code library that houses type definitions generated by GraphQL Codegen, as well as common code like input validations and a few helper functions that are needed on both sides of the wire

I've also been working on a hobby project using;

  • Sveltekit as the whole stack, using KitQL for graphql on the client portion, and Envelop, Graphql-Modules, and Prisma in the endpoints. Graphql-Codegen generates the types for all of this, as well as the KitQL client. This is set up to work in a serverless environment and will point to Supabase when deployed.

Looking at this and thinking about it in context, it's amazing how much productivity I've gained through the use of projects from just 2 organizations.

  • Prisma is just awesome. Full stop.
  • The Guild and their extensive ecosystem of tools surrounding Grapqhl is just extraordinary. No Apollo lock in for me!
Collapse
zelal profile image
Zelal Hossain

MERN Stack

Collapse
stormytalent profile image
StormyTalent

Really interesting.
Thanks for sharing!

Collapse
asheeshh profile image
ashish Author

thanks ❤ waiting for more people to share their stacks, can't wait to see some unique stacks!

Collapse
stormytalent profile image
StormyTalent

Next.js/Gatsby.js
Node.js/Express
Django
Web3/Solidity
:-)

Collapse
stormytalent profile image
StormyTalent

I am really interesting on you.
Could I get your address? That we can have communication for our development?
Thanks!

Thread Thread
asheeshh profile image
ashish Author

sure, if you're on discord you can contact me there, my id is asheeshh#7727 or you can contact me on twitter @_asheeshh

Thread Thread
stormytalent profile image
StormyTalent

Hmm.. I don't use both of them.
Do you use Slack?
My ad2r is "icefoxteny gm com"
Please send me invitation.
:-)

Collapse
zainbinfurqan profile image
Zain Ahmed

Fronend : React | Tailwind
BackEnd : Node.js | Firebase
Database : MongoDB

Collapse
basicpixel profile image
O. AlQudah

Next.js, SWR, Supabase, Chakra UI.

Collapse
asheeshh profile image
ashish Author

one of my fav stacks 💪

Collapse
joshwcorbett profile image
Josh Corbett

NATS:

  • Nuxtjs
  • Apollo
  • Tailwind
  • Storefront API
Collapse
eshimischi profile image
eshimischi

Astro, Vue 3/TS, Pinia, Vite, Tailwind
Laravel, GraphQL, MySQL

Web Components with Lit/TS, OpenWC

Collapse
tbalakpm profile image
Balamurugan Thanikachalam

Frontend: Angular 13, Tailwind CSS, NgZorro
Backend: ASP.Net Core 6, Dapper, EF Core
Database: PostgreSQL, MSSQL
Hosting: AWS, Azure

Collapse
jamesvanderpump profile image
James Vanderpump

Node.js, PostgreSQL, PostGraphile, Redis, Next.js, Bootstrap css, knex.js, Prisma, Amazon SES

Collapse
asher_maman profile image
Asher

Vuejs | nuxtjs | tailwindcss - front
Nodejs | nestjs | prisma | mysql - back
AWS - Elastic Beanstalk for deploy

Collapse
rickdelpo1 profile image
Rick Delpo

Plain JS and Fetch
AWS API Gateway with Lambda
AWS S3 for NoSQL JSON backend database

Collapse
soniarpit profile image
Arpit

Django, HTMX, PostgreSQL, Tailwind

Collapse
moutafatin1 profile image
moutafatin1

Remix,
Prisma,
Tailwind,
Sqlite/Postgres

Collapse
asheeshh profile image
ashish Author

I'm planning to use remix too :)

Collapse
lalit64 profile image
Lalit Yalamanchili

SvelteKit TS
NestJS sometimes
Prisma
Tailwind
Supabase

Collapse
eldardautovic profile image
Eldar Dautović

React Typescript,
Node.js with express.js
Mysql for the database

Collapse
khokon profile image
Khokon M.

Nodejs, Nextjs, Ejs and react some times. But I have plans to learn some new frameworks

Collapse
asheeshh profile image
ashish Author

interesting

Collapse
kachidk profile image
Victor Nwanguma 👨‍🚀

Frontend: React, Vue
Backend: Laravel, Express, Nestjs, .NET Core
Database: MySQL, PostgresSQL
Deployment: Heroku, Digital Ocean

Collapse
h0verfl0w profile image
fl0w

NodeJS, Gatsby, Supabase, Tailwind

Collapse
kentezrabetita profile image
Kent Ezra A. Betita

Frontend: Next.js + Tailwind
Backend: Node.js + Hapi.js
Database: PostgreSQL

Collapse
asheeshh profile image
ashish Author

Never heard of hapi.js, time to do some research

Collapse
andrewbaisden profile image
Andrew Baisden

Front-End: HTML, CSS, JavaScript, TypeScript, React, React Native, Redux
Back-End: Python, NodeJS, SQL, NoSQL, Docker

The acronym would be too long 🤣

Collapse
asheeshh profile image
ashish Author

😂hcjtrrnrpynosdo maybe

Collapse
andrewbaisden profile image
Andrew Baisden

I got dizzy just trying to pronounce that 😂

Thread Thread
asheeshh profile image
ashish Author

😂

Collapse
potcode profile image
Potpot • Edited on

R, vanilla React with Vite
P, Postgres, or sometimes MongoDB
G, Golang for server

With the embed feature in Golang, I can pack the build outputs of React into the Golang binary, and it becomes a portable app

Collapse
asheeshh profile image
ashish Author

best abbreviation so far 😆

Collapse
dinerdas profile image
Diner Das

Thanks, great read.