Let's say you are hired to create a web app for a company that describes itself as "Etsy for dogs" (whatever that means).
You'll be the only devel...
For further actions, you may consider blocking this person and/or reporting abuse
Frontend: Svelte + Tailwind
Backend/Auth: NHost (Hasura/Postgres)
TailwindCSS + Next JS (with Typescript) + Prisma (with Postresql) - very simple setup, easy to deploy, nice dev experience. You could go with custom node js server alongside with nextjs if you want to, but for the most small/mid size projects NextJS builtin API routes feature should be good enough.
I have been using the same with Supabase (PostgreSQL). Easiest stack to work with and reason about
Database: DynamoDB
API: AWS Gateway API w/ Lambdas (any language)
Auth: AWS IAM
Frontend: NextJS on Vercel
CSS: Ask my web designer
All of this will scale automatically, requires no dedicated servers and is served from edge locations.
Love the "Ask my web designer" part :')
Can you give a little more detail on the Api? I've wanted to try that combo but I'm not sure about the cold start
Cold starts can be long for interpreted languages like Python, Node.js and Ruby. Here's a comparison of 20 lambda executions from cold start where a user is created:
Create User
Payload:
thanks a lot for that info, are you using Express or Nest for Nodejs?
I'm not using a framework for these functions. API Gateway provides the url REST endpoints and those endpoints are linked to event handler functions. The functions are stand-alone and just import the packages required within the function.
The TALL stack 🙌
I second that! It's essentially the Rails/Hotwire version for PHP, Larave/Livewire. In fact Livewire was created before Hotwire.
The TALL stack makes building reactive apps so simple and fun 😊
FYI: PETAL Stack in Elixir
2018-09-07
Rails Hotwire was introduced 2020-06-24 as NEW MAGIC.
Meanwhile tallstack.dev was public 4 months before PETAL.
Sometimes chain reactions are just inevitable.
TL;DR?
Tailwind, Alpine.js, Laravel, and Livewire. A full-stack development solution, built by Laravel community members.
Yay finally PHP is becoming a thing
Wow I didn't know this was a thing. Now I'm interested.
I wouldn't dream of doing it any other way than following:
Frontend: Svelte
Css: Tailwind
REST Api: FastEndpoints (.Net 6)
Data Access: MongoDB.Entities
Architecture: Vertical Slices with REPR pattern for endpoints.
Huh, I had never heard of Fast Endpoints until recently (Nick Chapsas did a video about it). Need to write a little toy project to try it out.
Frontend: Vuejs + Tailwind
Backend: Django with Restful Framework, MySQL
Definitely FastAPI (Python) backend and Svelte with TypeScript frontend. Blazingly fast. ⚡
Put in PostgreSQL as the DB, which can be SQL, MongoDB and Redis at the same time. It's just so overpowered. 💪
I'm confused, how is it mongo.
Very good question 😊
Postgres has native JSON support and allows you to access json fields (even unlimited nested ones) in SQL statements. This gives you the schemaless flexibility of MongoDB if you for example build a simple table with "key varchar" and "data json" fields. But at the same time you can build very complex queries, write DB-procedures, triggers and all the other goodies of powerful RDBMs.
It's not a perfect analogy, but Postgres is object-relational. You can have columns that are typed as objects instead of just regular built-in types, so you can get some of the benefits of object storage without fully committing to the document db model.
My go-to is Vue 3 + Typescript + SCSS on the front end, Node + Express + Postgres on the back end, and Heroku. I can have a webapp up and running in no time at all with this stack. For me it's all about familiarity and speed-to-value. If you're more comfortable with something else, use that.
Tempted to go with Rails/Hotwire. Seems sort of tough to sprinkle in, but if I get to start from scratch I feel like I could be productive committing to that approach.
I feel similarly.
The REGAL stack: ReScript Elm GraphQL Amplify & AppSync, Lambda
UI: Elm + TailwindCSS + Amplify to host + AWS CodeDeploy wired up to repo
API: ReScript + GraphQL + AppSync to host + Lambda to satisfy GraphQL calls
It really depends on what the requirements are. My one-choice-fit-many solution is:
Going for an exotic solution will be hard to maintain in the long term (hiring talents, etc.)
For cloud deployment, Google Cloud. As Google Workspace is widely used by organizations, even small one, it will be easier to integrate.
I'm actually writing about the stack above if anyone is interested in. hungvu.tech
Rails + Hotwire
If the front end isn't based on web components, your just setting yourself up for trouble
Why?
Loading performance
Vendor lock in
Future proofing
Incremental adoption
Developer experience
Quite an open ended question without telling:
Tech stack primarily depends on these metrics and when the choice is made without considering these, the end result is:
Vanilla HTML, Vanilla JS, Vanilla CSS for the frontend. Spring Framework for the backend.
Finally someone who ditches all the frontend frameworks! The web platform is already powerful enough.
But there's also a reason for why people go with Sass, Typescript and front-end libraries/frameworks. For me it depends on the size of the project. I really enjoy vanilla JS (es6) when I feel like the complexity doesn't require a framework.
Depends on the requirements
Good answer, requirements first and secondly always choose the easiest path and less reinventing the wheel.
For example rather than building your own ecommerce framework and application just use the shopify template and ready-to-use solutions. Focus on actually solving the problem and delivering to your customers is the key.
Node.js, Fastify, Typescript, Prisma & Postgres, server rendered html templates instead of a frontend framework, TailwindCSS, Stripe for payments, Auth0 for authentication, Mixpanel for analyitics. All deployed to Heroku for $0 unless I want a custom domain name, in which case the price jumps to $7 plus whatever it costs to buy the domain from Google.
If anyone else is interested feel free to fork this starter github.com/dwoodwardgb/node-monoli...
By the way I'm not anti frontend, I've spent years on it professionally, I just think it's unnecessary for most MVP's
Firebase + any frontend framework is unbeatable for speed and simplicity for me. It also comes with no initial costs. Then, if the project takes off, switch to anything else, if not kill it with fire.
If the project has any specificity (constraints, needs) I pivot around that
Why kill it?
React for Frontend
PHP for backend
Material UI / Tailwind as the UI component library
MySql/Postgre for Databases
Any react tailwind UI libraries you would suggest?
Svelte + Golang + Supabase
TypeScript and SASS for frontend without frameworks, ASP.NET Core for backend, PostgreSQL for database, Azure App Service for Linux for hosting
KISS - NestJS(Typescript) + Postgres.
Front end I would risk betting on Flutter as it's developing really fast as a good alternative to minimize codebase and promote reuse for Web, Desktop and mobile clients.
I sadly have only one stack in my sleeve currently:
MySQL + Flask (with Turbo) + Bootstrap (+ Stimulus.js - no need for bigger FE in this case I guess)
But I would like to look into:
Also, if it's "for dogs", maybe it should be w3 dapp based on DogeCoin? 🐶
Go + Postgresql + Vue3
If you were building "Etsy for dogs", then in addition to all of the great suggestions in the comments, you'd also need a room full of puppies as beta testers, and probably a bucket of dog treats as incentives.
A good starting point would be Redwood.JS for me, if I was building for a company now.
Well documented framework, solid structure both frontend & backend
Growing community, serveral channels discord and so forth.
It's following the current trend which is SPA + JSON but it does this togeher and in a opnionted omakase style that's suitable for teams and solo dev.
Not really related to redwood.js but it's good to bring up.
Easy to find javascript developers in general, what's so unique about javascript is that you can always expect someone to know it, the might not be good at it or like it very much. Hate or Not but javascript is the lingua franca of
DevelopmentProgramming in General.Using a web framework is always going to help you reaching your goal faster, for example there are different way of travelling to reach your place. You could for example use a bike, car or airplane. I would always recommend travelling the most comfortable way. The developing a product is a never reaching destination, so taking an airplane is going get you further than a bike and it's surely going to be more comfortable too.
A web framework is exactly like that.
I would actually recommend for teams out there. Before settling on any technologies, to do an actual 1-4 months of case studies before adopting anything!
Really ask yourself
If the codebase is maintaible in such early-stage?
Does the framework of use prodivde much?
Are our devleopers able to iterate fast enough and deliver features?
Some flavour of Linux, Django, postgres, vanilla javascript and css.
If APIs are necessary then there's an addon for Django that does it.
HTML, JS, Tailwind + Node.js, MongoDB
Follow Stackoverflow: ASP.NET using .Net 6.0.
Checkout a Blazor front-end which is WASM capable.
Or Pick any front-end desired, with React leading the way.
Host it on Azure
html + sass. No scripting. Full page post backs using scalable endpoints built in rust. I might throw Deno in the mix as a dev tool & writing quick internal dev & CI scripts.
Then I would append partial postbacks when the browser supports it.
If I have to live on it forever? Tailwind, Alpine.js, Laravel & Livewire (colloquially known as the TALL stack). I've used tons of frameworks, but Laravel's first-party ecosystem seems like the safest bet.
I feel like picking React frameworks like Next or Remix would mean having to rewrite the whole front-end every couple of years to keep up with JavaScript churn.
I use LLUPP - and if you never heard of that it's because I made it up, but it's a thing and if it ever takes off, I was there first ;-)
it's a direct derivation of the LAMP acronym (Linux, Apache, MySQL, PHP), but uses better tech (Linux, Lighttpd, Uwsgi, Python, Postgresql) ...
But each to their own. You'll use what you use. LLUPP makes no mention, as LAMP doesn't of the front end part of the stack. And well there I've used plain of JavaScript, a bit JQuery but otherwise, I like light front ends and keep front end work to the minimum I guess. Again each to their own, and their context. Much of this is defined ultimately by context ...
Ruby on Rails. Easily. The speed at which you can prototype/scaffold/build things with rails remains unparalleled
GraalVM Kotlin Quarkus with SvelteKit
Svelte (vite)
SCSS
Node/Express
Typescript
Prisma
Planetscale
I would need to understand better all the requirements first (like performance and scalability requirements for example, to give a more informed decision. ;)
Still, as starter point, for a medium sized web application I would be interested in using Nuxt3/SvelteKit (withTypescript), Tailwind for styles, Prisma and Postgres for database.
I believe all this Next/Nuxt/SvelteKit with SSR will be the rebirth of the more monolith / single deployment applications, similar to what we would build in the 2000s using PHP, Django or Rails, but with a much more enjoyable architecture and development experience on the frontend, due to the tooling evolution and component based architecture, as well as Typescript.
If the business logic would be very heavy and complex, then I would probably separate the API and build it in Go, while keeping the same stack for the frontend
Frontend: Angular
Backend: NestJS
DB: Postgres (with Prisma)
Why? Both have excellent tooling and have similar structure in terms of separation of concerns. I also think their opinionated nature is selling point. It's better that I have things be done one very good way than my favorite way. It makes it easier to onboard new people to the codebase if certain baseline standards are easily accessible through the docs. Postgres with Prisma gives me nice type safety and lets me abstract away simple queries with the power to do raw SQL for optimization down the line.
I'm trying SvelteKit over Supabase and it seems super promising. I could get fancy by replacing SvelteKit with Solid and Astro or Slinkity, but Svelte is really solid right now and I've reach a state of good productivity with it.
I wish I had an opportunity to launch a fullstack project on Phoenix, but I'm afraid it won't come…
Tailwind CSS + Flowbite + Laravel + MySQL.
What's flowbite for Sir ?
Components on top of Tailwind CSS.
Thanks
This is a tricky one as it depends on the product which stack makes the most sense. Ecommerce is tricky because how accustomed we have gotten to high quality sites, such as Amazon, which load incredibly fast (most of the time). In my experience people are extremely picky with performance when they are purchasing things.
I'm going to assume there isn't an Ecommerce framework that exists and it needs to be built from scratch.
So given that I'd probably consider:
Testing:
Backend:
Frontend:
The question often gets interpreted as "what's your favourite tech stack to work in"...hence the knee-jerk "ALLTHETHINGS" answers below without really considering the requirements given.
I'd love to see a solo dev implement a stack that requires an acronym, one of which being Typescript
It would need to be a well informed decision based on budget, resources, product market, product longevity.
Given the little information provided -
I would start with a Rails + Hotwire + Tailwind stack for MVP/product market fit and potentially consider a client side framework once it outgrows it's use, which may be a long time.
Put the horse before the cart
For SPAs: IHP Backend (ihpbackend.digitallyinduced.com/) for the Backend and React + TypeScript for the Frontend.
For more simple CRUD apps: IHP for frontend and backend (ihp.digitallyinduced.com/)
.net core with react(tsx) and chakra-ui.
Postgres
PostgREST
Haskell
Elm
ReScript
Easy refactoring and no runtime exceptions.
SQL Azure backend
C# domain implementation, CQRS and fully event-driven on top of MassTransit with Azure service bus as the transport. All fully test-driven.
.net core web api
MiniSpa implemented using Aurelia
Rails 7
Weirdly, much as I love django, I'm going with an express + react stack. Much easier to handle, and code sharing is excellent. No typescript, though.
.Net 6 / PostgreSQL. Vanilla JS.
Probably Next.js, Rust (Rocket), and PostgresDB.
React, nest.js, rabbitmq, redis,
K8s, Argo - cd, workflows ( for pipelines ), rollout for releases, kube Prometheus stack for monitoring / alerting, kubevela to ease the pain of helm charts. That’s a company not a site.
React Native, Firebase. You can spin up a CRUD type app (E-commerce or similar things) on web + mobile in less than a day.
Frontend: Aurelia 2 + Shadow DOM for component sytle encapsulation.
Backend: Supabase
maybe for frontend i'll use vue/nuxtjs and for backend using nestjs with postgres or using supabase.
Frontend: React / Next
Backend: Go / Node / Firebase Cloud Functions
Frontend: Vue 3 + Tailwind
Backend/Auth: .NET 6, Auth0, Postgresql
Frontend: EJS, Bootstrap, JS
Backend: NodeJS, ExpressJS
Backend: Elixir + Phoenix Live View
Frontend: Tailwind, Bulma or Bootstrap
Front end : Vue.Js 2 and tailwind
Backend: python flask
Database : either straight up MySQL or mongo
It’s a good combo
Devend: VS Code, Node, Git
Frontend: NuxtJS, TypeScript, TailwindCSS
Remote Repo: GitHub
Host: Netlify with AWS Lambda OR Cloudflare Pages with Cloudflare Workers
Database: Fauna OR DGraph OR Neo4j
I am working on a side project with blitz right now and it's freaking awesome
Elixir/Phoenix, of course 😀
Frontend: nextJS or PReact + Tailwind
Backend: Serverless (lambda) + Postgres (on AWS aurora, serverless again)
Django, Tailwind
If there has to be some fancy frontend stuff, probably React or Vue with Typescript.
I'm afraid I know too little about Etsy and about dogs, not to mention these two in common, to make a solid decision about tools most fitting for the job.
AdonisJS + InertiaJS (Vue3)
It depends, but assume that it's relative simple or a pet project then I will pick:
Backend: MeteorJS (DB: MongoDB)
Frontend: ReactJS
AMEN 🙏 (Angular, Mongo, Express, Node) stack
Alpine or plain JS on the front end for sure
probably Vue should the need arise - but only if.
HTML/CSS + Golang + Postgres
Vue + TS Front;
Springboot backend;
MySQL: DB
Vue3 + TS + Element Plus: Front
Springboot: Backend
MySQL: primary DB
Redis: Cache and Sessions
Blazor, C#/.NET, Azure Web Apps, Azure SQL
Linux + ASP.NET Core + MongoDB using Vscode (All Open Source + Free Development Environments)
I used to create apps using preact, but now am in love with svelte.
Frontend: Svelte + Tailwind CSS
Backend: Python Flask/Django
Database: some SQL db
Frontend : Remix.js
Backend : Prisma & Postgres
Styling : Tailwind CSS
This is the most easy and powerful stack I have ever used !
Go + Postgres + NextJS + Tailwind
This days I am all about PhoenixFramework + Live View, haven't get into Tailwind yet, but not sure I will, I will like to try BEM though
react, ant design, stripe, auth0, fastapi, and postgres.
PHP /w Symfony on the backend
Vanilla HTML, CSS, JS (well tbh this will most likely be TypeScript) on the Frontend
Postgres for the Database
RabbitMQ or Redis as a message broker
The one I need ASAP to know in my paid job. I mean If I need to do something ASAP why not try invensting my time into something that will aid me to make my daily wage?
PEVN Stack is unbeatable
Cheap Sleeper stack is WordPress backend and a WP theme which is installable trough wordpress but has interactive parts built with react and block editor blocks.
Next.js with tailwindcss is my goto. I recently made blog using that. Remix is also something I'm excited about.
Next JS (with TypeScript) + Antd, Go (backend), GraphQL (API Layer), AWS EKS, Github Actions (CI)
Tarantool + Openresty + A bunch of javascript from my github. I wish I was joking.
Anybody uses storybook for development?
I'd use SvelteKit with Cloudflare pages adapter for SSR PWA. If this wouldn't be enough on its own - I'd use Encore (Go+Postgresql) deeper in the stack and whatever additional microservices I'd need.
I generally rotate this depending on criteria:
Front end:
React + stitches / tailwind
Backend:
Next.js
Nest.js
DB & Auth:
Firebase
Supabase
NextAuth and postgres
I'm trying Prismic with Next and scss
Laravel :) !
Deployment: A container runner, heroku, fargate. Flexibility with low effort
Database: Postgress
Back: Kotlin
Front:js+react+styled components
Auth: okta/Auth0
TALL Stack
Frontend: JavaScript ES6. Because NextJS, TypeScript, React, Svelte: all are great, and all are JavaScript.
Frontend: Next.js (TypeScript), SCSS, Socket.io, TailwindCSS
Backend: ExpressJS, MongoDB, Socket.io, Express HTTP Proxy, Custom tools
Database: PostgreSQL
Backend: Spring Cloud 2021 & Alibaba 2021.1 & R2DBC
Auth: Spring Security OAuth2
Frontend: Vue3 + Antd
MERN / Next.js
Java jboss eap + jsp + oracle database
i am old person :/ because i choose html css php :D
Backend: FastApi
DB: PostgreSQL
DB Library: aiosql
Frontend: Bootstrap & Svelte
Security: PASETO & Argon2
Vue + Tailwind, FeathersJS, Postgres, Docker.