DEV Community

Arafat
Arafat

Posted on

 

What's your current tech stack for web development?

A tech stack in web development refers to the combination of technologies and programming languages used to create and maintain an excellent web application. A full-stack web app can be made using many different tech stacks. The specific technologies and languages used in a tech-stack depends entirely on the project and the goals of the developer or development team. So, what's your current tech stack? It can have frameworks like React or Svelte, databases, ORMs, CSS frameworks, tools, plugins, extensions, and anything you use in the development process.

My current tech stack is T3 stack, which might sound a bit new to some people:

  • Next.js - Fullstack framework
  • Typescirpt - Doesn't need any explanation🤣
  • tRPC - A way to write fully typesafe APIs. GraphQL Killer😈
  • Prisma - ORM
  • Tailwind CSS - For styling
  • NextAuth.js - For authentication

This tack focuses primarly on implementing full-stack TypeScript applications. Typescript isn't optional here😓. This stack can be used both for front-end and back-end.

Write about your tech-stack in the comments below, looking forward to reading them!

Top comments (29)

Collapse
 
jonrandy profile image
Jon Randy 🎖️ • Edited

Depends what you classify as 'web' development - my current role has me using HTML, JS, and CSS on a daily basis - but the work does not involve the internet, or a traditional web browser...

The tech stack is:

  • Custom game engine (written in C++) with a Lua interface into its APIs
  • Embedded Chrome framework with some custom extensions to talk to the Lua interface (although we're looking to maybe move to Coherent Gameface)
  • AngularJS (yes, the really old one)
  • VueJS
  • Lots custom JS for dealing with events and data streams from the game engine
  • All hand-coded CSS
Collapse
 
arafat4693 profile image
Arafat

Nice👌

Collapse
 
__masashi__ profile image
Masashi • Edited

Actually it depends on the project. I often return to
"ExpressJS, TailwindCSS and EJS with MongoDB (mongoose as a driver)"

after considering other choices. The last project I was doing, was supposed to be done with NextJS, so if you have any such restrictions your stack will change.

Collapse
 
arafat4693 profile image
Arafat

Yea, I agree, btw great stack!!👌. I would say prisma would be better instead of mongoose as It generates also types for you.

Collapse
 
__masashi__ profile image
Masashi

Oh, I did not know about Prisma, thanks. I will try it out in one of my next projects. (However, I don't use Typescript)

Collapse
 
clavinjune profile image
Clavin June

currently learning svelte & grpc gateway! It looks like I will pick tailwind also 👀

Collapse
 
arafat4693 profile image
Arafat

Yes, Tailwind will be a good add to the stack👌

Collapse
 
m4ty profile image
Maty

I am thinking about adding Tailwind to my Svelte stack also 👀

Collapse
 
clavinjune profile image
Clavin June

@m4ty are you using any UI component on svelte?

Thread Thread
 
m4ty profile image
Maty

I’ve used Carbon Components and Skeleton. Carbon components are more for “functional apps, that don’t look so good” and Skeleton is suitable for modern looking websites.

Thread Thread
 
clavinjune profile image
Clavin June

thank you for the reference, will look into that 👍

Collapse
 
dagnelies profile image
Arnaud Dagnelies • Edited

For complex stuff: Java Spring Boot Backend + Vue3 Typescript Frontend
For simple stuff: Cloudflare Workers Backend + Vue3 Typescript Frontend
DB and UI Lib depends on project mostly.
Sometimes a bit of Python for local tooling scripts.

Collapse
 
arafat4693 profile image
Arafat

Nice stack, looks like you love to use multiple programming languages 😉 in your stack.👍

Collapse
 
pilcrowonpaper profile image
pilcrowOnPaper

Always TypeScript, Tailwind for styling, and PostgreSQL for the database, and Prisma as the ORM. I usually host my site on Vercel, but I also use Railway.

For static sites and somewhat interactive sites I use Astro. It’s such a joy to use. For more interactive sites I use SvelteKit.

Solid and Svelte are my framework of choice.

Collapse
 
arafat4693 profile image
Arafat

Pretty much like t3 stack, just instead of nextjs you use svelte or solid. Btw great stack.✌

Collapse
 
hassan_schroeder profile image
Hassan Schroeder

Elixir/Phoenix + PostgreSQL pretty much covers it 😀

Collapse
 
remast profile image
Jan Stamer

Actually I like a very minimalistic approach using #HTMX combined with Server Side Rendering. That can take you a long way.

Collapse
 
pepo946 profile image
Mohamed Gandoul

. My aspirations for my future are to be Full-stack Developer. can you please tell me the best road map to be full-stack devloper . and thank you

Collapse
 
arafat4693 profile image
Arafat

I'll soon write an article about this. Stay tuned😊

Collapse
 
pepo946 profile image
Mohamed Gandoul

thank you soo mush

Collapse
 
mjablecnik profile image
Martin Jablečník • Edited

My tech stack:
Web pages: SvelteKit + Tailwind
Mobile, Desktop, Web apps: Dart/Flutter
Backend services: Python3/FastApi or Directus

Collapse
 
arafat4693 profile image
Arafat

Nice stack, mate.👨‍💻👌

Collapse
 
elmerivincent profile image
Elmeri Keitaanranta

Typescript, ChakraUI, Firebase, NextJS


TCFN

Collapse
 
arafat4693 profile image
Arafat

Nice stack. However, shift to Supabase from Firebase. The database in firebase is really bad and confusing.😓

Collapse
 
nexxeln profile image
Shoubhit Dash

Nice to see the T3 stack in the wild! Love it

Collapse
 
arafat4693 profile image
Arafat

Yea, really love the stack

Collapse
 
m4ty profile image
Maty

SvelteKit with SCSS on top.

For backend Graphql TS.

Collapse
 
arafat4693 profile image
Arafat

Nice stack man, I am really eager to try svelte kit. Heard It is really good👌😊.

Collapse
 
iotapp profile image
Derek Flynn

Angular/.NET/MSSQL if its a serious project
MEVN if I just want to stand a POC up quickly
Flutter for mobile dev