DEV Community

What's your current tech stack for web dev?

ashish on May 19, 2022

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 differen...
Collapse
 
amrelmohamady profile image
Amr Elmohamady • Edited

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

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

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

Collapse
 
collimarco profile image
Marco Colli • Edited

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

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

Collapse
 
collimarco profile image
Marco Colli

Hey, Thank you :)

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

vitest is great!

Collapse
 
stormytalent profile image
StormyTalent

Really interesting.
Thanks for sharing!

Collapse
 
asheeshh profile image
ashish

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

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
 
basicpixel profile image
O. AlQudah

Next.js, SWR, Supabase, Chakra UI.

Collapse
 
asheeshh profile image
ashish

one of my fav stacks 💪

Collapse
 
joshistoast profile image
Josh Corbett

NATS:

  • Nuxtjs
  • Apollo
  • Tailwind
  • Storefront API
Collapse
 
zelal profile image
Zelal Hossain

MERN Stack

Collapse
 
zainbinfurqan profile image
Zain Ahmed

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

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
 
soniarpit profile image
Arpit

Django, HTMX, PostgreSQL, Tailwind

Collapse
 
kachidk profile image
Nwanguma Victor

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

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
 
rickdelpo1 profile image
Rick Delpo

Plain JS and Fetch
AWS API Gateway with Lambda
AWS S3 for NoSQL JSON backend 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

interesting

Collapse
 
moutafatin1 profile image
moutafatin1

Remix,
Prisma,
Tailwind,
Sqlite/Postgres

Collapse
 
asheeshh profile image
ashish

I'm planning to use remix too :)

Collapse
 
eldardautovic profile image
Eldar Dautović

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

Collapse
 
lalit64 profile image
Lalit Yalamanchili

SvelteKit TS
NestJS sometimes
Prisma
Tailwind
Supabase

Collapse
 
kentezrabetita profile image
Kent Ezra A. Betita

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

Collapse
 
asheeshh profile image
ashish

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

Collapse
 
h0verfl0w profile image
fl0w

NodeJS, Gatsby, Supabase, Tailwind

Collapse
 
asher_maman profile image
Asher

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

Collapse
 
potcode profile image
Potpot • Edited

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

best abbreviation so far 😆

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

😂hcjtrrnrpynosdo maybe

Collapse
 
andrewbaisden profile image
Andrew Baisden

I got dizzy just trying to pronounce that 😂

Thread Thread
 
asheeshh profile image
ashish

😂

Collapse
 
dinerdas profile image
Diner Das

Thanks, great read.