DEV Community

Arafat
Arafat

Posted on

11

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!

SurveyJS custom survey software

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more

Top comments (28)

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
 
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
 
arafat4693 profile image
Arafat โ€ข

Nice stack. However, shift to Supabase from Firebase. The database in firebase is really bad and confusing.๐Ÿ˜“

The Most Contextual AI Development Assistant

Pieces.app image

Our centralized storage agent works on-device, unifying various developer tools to proactively capture and enrich useful materials, streamline collaboration, and solve complex problems through a contextual understanding of your unique workflow.

๐Ÿ‘ฅ Ideal for solo developers, teams, and cross-company projects

Learn more

๐Ÿ‘‹ Kindness is contagious

Please leave a โค๏ธ or a friendly comment on this post if you found it helpful!

Okay