11

What would your tech stack of choice be for a new web dev project?

 3 years ago
source link: https://dev.to/ben/what-would-your-tech-stack-of-choice-be-for-a-new-web-dev-project-1mpm
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
Cover image for What would your tech stack of choice be for a new web dev project?
Ben Halpern

Posted on Feb 9

What would your tech stack of choice be for a new web dev project?

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 developer on the project for a while so you get to make all your own choices, but if the project succeeds, it will need to live on indefinitely.

What is your tech stack of choice?

Discussion (20)

pic

Collapse

Expand

TypeScript to make refactoring easy, Remix so the it is familiar for React devs and yet it uses as much native behaviors as possible, Tailwind to make styles more consistent and easier to maintain and configure, DGraph so the database is based on GraphQL making it extremely flexible and maybe even Deno over Node (depending on how good it supports everything else here). Other than that, maybe Workbox to make it a PWA.

Comment button Reply

Collapse

Expand

Collapse

Expand

Collapse

Expand

Tailwind, Alpine.js, Laravel, and Livewire. A full-stack development solution, built by Laravel community members.

Comment button Reply

Collapse

Expand

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 ๐Ÿ˜Š

Comment button Reply

Collapse

Expand

Wow I didn't know this was a thing. Now I'm interested.

Comment button Reply

Collapse

Expand

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.

Comment button Reply

Collapse

Expand

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.

Comment button Reply

Collapse

Expand

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.

Comment button Reply

Collapse

Expand

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.

Comment button Reply

Collapse

Expand

Collapse

Expand

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. ๐Ÿ’ช

Comment button Reply

Collapse

Expand

GraalVM Kotlin Quarkus with SvelteKit

Comment button Reply

Collapse

Expand

Collapse

Expand

TypeScript and SASS for frontend without frameworks, ASP.NET Core for backend, PostgreSQL for database, Azure App Service for Linux for hosting

Comment button Reply

Collapse

Expand

Collapse

Expand

Vanilla HTML, Vanilla JS, Vanilla CSS for the frontend. Spring Framework for the backend.

Comment button Reply

Collapse

Expand

Tailwind CSS + Flowbite + Laravel + MySQL.

Comment button Reply

Collapse

Expand

React Native, Firebase. You can spin up a CRUD type app (E-commerce or similar things) on web + mobile in less than a day.

Comment button Reply

Collapse

Expand

MERN / Next.js

  1. only one language javascript is required for frontend and backend
  2. libray support is good
  3. excellent github Boilerplate already exists.
  4. simple REST API for backend.

Comment button Reply


Recommend

  • 78

    Would you use JSF for your next project? There was an excellent stackoverflow blog post last week about the โ€œBrutal Life...

  • 24

    Why Svelte is our choice for a large web project in 2020 tldrโ€” Svelte is a JavaScript framework for building user interfaces. Its compiler architecture enables...

  • 17

    Gear of the Year: Daleโ€™s choice โ€“ Fujifilm X-Pro3 December 21, 2020

  • 11

  • 8

    How To Pick The Best Tech Stack for your SaaS StartupJanuary 5th 2021 new story

  • 10

    Taiwan and Techโ€™s Geopolitical Realities, ARM on Mac?, TSMCโ€™s Choice Posted onMonday, May 11, 2020Thursday, May 14, 2020 The U.S. is increasingly โ€” and appropriately โ€” concerned about its extreme dependence...

  • 9

    When Less Becomes More For Large Product Teams Over the past couple of years, Atomic has added larger clients to its portfolio. Large clients bring with them long-running projects, bigger budgets, and a track record o...

  • 5

    Stack overflow is down forever. Discuss what you would do. ๐™ผ๐šข ๐š—๐šŠ๐š–๐šŽ ๐š’๐šœ ๐™ผ๐šŠ๐š—๐šž, ๐šŠ๐š—๐š ๐™ธ'๐š– ๐šŠ ๐Ÿท๐Ÿน-๐šข๐šŽ๐šŠ๐š›-๐š˜๐š•๐š ๐š๐šž๐š•๐š• ๐šœ๐š๐šŠ๐šŒ๐š” ๐š๐šŽ๐šŸ ๐š ๐š‘๐š˜ ๐š˜๐š ๐š—๐šœ ๐š ๐šŽ๐š‹๐šœ๐š’๐š๐šŽ๐šœ ๐šŠ๐š—๐š ๐šœ๐šŽ๐š›๐šŸ๐šŽ๐š›๐šœ ๐šŠ๐šŒ๐š›๐š˜๐šœ๐šœ ๐š๐š‘๐šŽ ๐š ๐š˜๐š›๐š•๐š. ๐™ธ ๐šŽ๐š—๐š“๐š˜๐šข ๐š™๐š›๐š˜๐š๐š›๐šŠ๐š–๐š–๐š’๐š—๐š ๐š’๐š— ๐™ท๐šƒ๐™ผ๐™ป, ๐™ฒ๐š‚๐š‚, ๐š•๐š˜๐š๐šœ ๐š˜๐š ๐™น๐š‚, ๐š๐šŽ๐šŠ๐šŒ๐š, ๐™ฟ๐™ท๐™ฟ, ๐šŠ๐š—๐š ๐š‚๐š€๐™ป ...

  • 4

    The Senate Bill That Has Big Tech ScaredThe proposal would stop the biggest platforms from giving themselves an advantage over the little guys. Who's afraid of a little competition?

  • 8

    Gaining a Competitive Advantage in Fintech From Your Choice of Tech Stack In this article, we outline how your choice of fintech stack impacts business outcomes and why Erlang and Elixir will...

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK