Web developers, please recommend a tech stack. I have work experience in Laravel, Angular and Node Express. Personal small experience only for Vue and React.

Frontend: Angular, React or Vue?

Backend: Node Adonis JS or PHP Laravel?

CSS framework: Angular Material(angular), Material-UI, Tailwind CSS or Bootstrap?

This is for a personal project API based. What frontend backend tech stack are you using right now? Thanks!

I Iike using Svelte for frontends.
Laravel is my top pick, I like it a lot, although you should also take a look at Symfony or Lumen.
For CSS I use Bootstrap to make mockups and replace it with proper CSS later.

Do you really need a frontend framework for a personal project tho?

Angular, angular material, .net core. I don't do small projects though, smaller projects I might opt for react or just write it myself with rxjs as a functional execution pipeline.

I never use bootstrap because so much of it's css comes with pieces to support the plugin infra, which is just flatly garbage, requires jquery and is the fastest way to layout thrash and exceed the 100ms update margin.

I'd recommend using Gridsome instead. Just focus on what you try to deliver with your personal project, don't waste time on building stacks.

Sounds like "how can I bloat even a small personal project until it's just as crappy as CNN's website".

@yellow-dog "Hey company that uses this really big framework. I have this really cool project that uses this framework (or at least one similar)"

Vue is also incredibly nice to use. Like it's almost stupid how simple yet still powerful things are. Not only that but with Quasar or Nuxt Vue can be server side rendered as well

@inaba Not sure I can agree with that Quasar and Nuxt are relevant for personal project. Yes, it's quite a joy to to use Quasar, and Nuxt is always a refresher, and SSR is a thing there, but it's still a cognitive overload. You might ask where else to use them then? Perhaps, for some potentially giant application or dashboards with a lot of fields, alas not personal project.

My favorite stack:
Docker
NodeJS
moleculer.io

VueJS
Quasar

It might seem extreme for Personal use, BUT the overhead in the beginning is not that bad, and if the project gets bigger than anticipated, which it always does, it saves you so much time and pain.

wow would you look at that, I've never heard of ~50% of projects/tools/frameworks that's named here.

web industry moves fast for sure.

@gkaply532 Smoke and mirrors. Meanwhile, most web devs already even fail at writing valid HTML. But they routinely do manage to blow it up until they deliver 1 MB of mostly superfluous crap for half a kB of text.

@Fast-Nop

You're being generous, the average is 3MB.

My go-to combo right now would be Symfony for BE anr React with styled-components for FE and no UI libraries.

So let's talk about "how do you manage your time to make it your personal project ?" If you create personal project for learning something new let's put all popular framework into your project. So you can learn new in industries. But if just want create like a "blog" maybe you want consider about speed. Choose language programming not only how cool it is, but tell to ourself. How we can maintenance if we not have much time to do it. Just my personal perspective. Because user don't care about your framework, but people care about how impact you can contribute to society.

@PrivateGER I have work experience in Symfony too but I feel it is quite big and complicated. Thanks for mentioning svelte. Another new shiny JS library/framework I must check out. I heard about it way back but did not bother to study it. I will now.

@yellow-dog yes I need a frontend framework for separation of concerns. So I will have 2 separate folders, FE and BE.

It also allows me to practice API work that I can use for work

@hitzoR do you use docker for PHP Symfony in development? I just use MAMP localhost. I'm a newbie in docker with PHP

@Devnergy Symfony provides it's own built-in web server for developement purposes, so I mostly use that with separatelly installed MariaDB. Installing PHP is just a matter of downloading binnaries, unpacking them somewhere and adding that folder to PATH.

React (or Vue since its built into laravel), Laravel, Tailwind

📌

@JoshBent I think I'm liking tailwind now than bootstrap and angular material. I'll dig on more about tailwind components so that I don't have to build components from scratch

@Devnergy I just grown to immediately love tailwind because it's not opinionated like bootstrap in styling random elements and allows for infinite columns due to simple flex box instead of hacked 33.3333%.

Angular with C# and ASP on .NET Core

Depends on what my needs are.

Something simple and quick? Nginx, html, css.

Something a bit more complicated with actual routing and databases? Depends on if I need all of rails or if Sinatra, or even a basic Rack app suffice and plain html, css. Maybe SemanticUI if I'm feeling fancy.

Speed? I want speeeeeeed? And it's relatively simple? Rust + actix-web or warp, html, css and maybe semantic ui if I'm feeling lucky.

Evaluate what your needs are and plan accordingly. There is no need for all that framework stuff if your application is very simple.