Recently I've been exploring many new web technologies, frameworks, and methods for developing web applications. I couldn't find a "one fits all" meta framework, so I'll be making random full stack applications in this repository to put popular tech stacks to the test.
There will be many types of web tech being used, to hopefully find what out what I enjoy.
The 4 main criterion will be: (1-5)
- Developer Experience (DX)
- Performance
- Time To Ship
- Community/Popularity
- Functionality & Sustainability
The Readme will contain a breakdown of each stack's ratings.
The T3 Stack
This one is definitely the most trendy. It's a opt-in boostrap for the full stack ecosystem containing:
- Next.js
- TypeScript
- Tailwind CSS
- tRPC
- Prisma
- PostgreSQL
- NextAuth.js
- Developer Experience (DX): 5/5
- Performance: 4/5
- Time To Ship: 5/5
- Community/Popularity: 2/5
- Functionality & Sustainability: 5/5
Overall I greatly enjoy this stack.
The great thing here with T3 is the end-to-end type safety that you get through the entire stack. Truly gamechanging. I found adding features to be predictable, reliable, and quick. The only issue with T3 is that it's constantly undergoing improvements, which can cause breaking changes.
The MERN Stack
MERN has to be the ol' faithful on this list. Whenever I need a quick app shipped, I don't hesistate to use this stack.
- MongoDB
- Express.js
- React.js
- Node.js
- Developer Experience (DX): 3/5
- Performance: 3/5
- Time To Ship: 5/5
- Community/Popularity: 5/5
- Functionality & Sustainability: 4.5/5
I adore this stack. I have the most experience with it, and I love how it doesn't "give" you anything.
I pick the router, I pick the styling solution, I pick the data fetching strategy. The one thing I will say though, is this stack is un-opionated to a a...crux?
The SvelteKit Stack
I have been fascinated with what Rich Harris has done with Svelte and now SvelteKit for some time now.
It's awesome to know that there's frameworks for people who don't want to deal with syntactical sugar. I love that when writing svelte code, everything simply feels like magic, and I can write pure JS/TS, CSS, and HTML like the "old days".
- Svelte
- TypeScript + ESLint
- SvelteKit
- Vite
- Developer Experience (DX): 5/5
- Performance: 5/5
- Time To Ship: 5/5
- Community/Popularity: 3.5/5
- Functionality & Sustainability: 4./5
I'll likely create a mock of NyumatFlix with SvelteKit to put it to the test as I really want to know how it handles SSR and data fetching. Can't wait to see the future of Svelte.
The WebRustWeb Stack
I haven't gotten to use rust yet, so I thought that including a Web Assembly Rust "stack" in this repo would be fun to tinker around with.
I definitely won't be able to make as many features as I'm able to with the other stacks, but learning about rust will be fun, since it seems to have all the hype in system dev right now.
- WebAssembly
- Rust
- Webpack
- JavaScript
- Developer Experience (DX): ?/5
- Performance: 5/5
- Time To Ship: 2/5
- Community/Popularity: 4/5
- Functionality & Sustainability: 2/5
I haven't done much with it yet so I put a '?' for the DX, but I do like rust so far. I ran into a few errors, to say the least which made getting the development enviornment running and iterable quite a pain.