What tools to use for your next web based project?

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Django

    The Web framework for perfectionists with deadlines.

  • Django is a great option to get started with backend development. The problem with Django and python in general is that it is slow, but nowadays it is quite optimizied and lots of companies are using Django on their backend. Other than ease of development, it also makes hiring easier, since a lot of people are familiar with it.

  • Vue.js

    This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  • Vue.js is also a popular light weight alternative to react. Many interactive websites nowadays use Vue.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • For building the UI be sure to take advantage of available UI tools instead of building everything from scratch (although it can be a good learning exercise in CSS). Some of my favourite tools are Material UI for quick development, tailwind and styled-components for more custom things. Take advantage of UI themes available for free out there.

  • Svelte

    Cybernetically enhanced web apps

  • If you are looking to build a simple SPA with very few features, then definitely check out Svelte.js. It is light weight, easy to use and is a great fit for simple use cases like calculator pages, information display from APIs, landing pages, or even simple blogs.

  • styled-components

    Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

  • For building the UI be sure to take advantage of available UI tools instead of building everything from scratch (although it can be a good learning exercise in CSS). Some of my favourite tools are Material UI for quick development, tailwind and styled-components for more custom things. Take advantage of UI themes available for free out there.

  • Spring Boot

    Spring Boot

  • If your primary use case is fast CRUD operations, with an MVC architecture - then I would recommend Spring in Java or Phoenix in Elixir. .NET might also be a good option here, although personally I am not a fan of it. I have been using Phoenix at work, and it is just amazing. Fast, simple, good project structure, the community is good but not as vast as other tools.

  • React

    The library for web and native user interfaces.

  • React is my go-to tool for all kinds of frontend projects. Simply because I am comfortable with it, and the community is great. There is almost nothing you cannot do with it. If you are unsure, just go with React.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • Next.js

    The React Framework

  • If you are looking to build a blog, landing pages or a static website, be sure to check out Next.js. It can do both server side rendering (SSR) and static site generation (SSG). Do not pick Gatsby, Next.js is much much better (from personal experience).

  • Material UI

    Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.

  • For building the UI be sure to take advantage of available UI tools instead of building everything from scratch (although it can be a good learning exercise in CSS). Some of my favourite tools are Material UI for quick development, tailwind and styled-components for more custom things. Take advantage of UI themes available for free out there.

  • go

    The Go programming language

  • If you are looking to build real time systems, like games or chat - then I would recommend checking out Phoenix. It has a built in feature called channels, that makes working with web sockets very easy. Other popular options would be Node.js or Golang. Golang is great for stand alone services that do one thing very fast.

  • fastapi

    FastAPI framework, high performance, easy to learn, fast to code, ready for production

  • If you want to build an MVP then just pick a python based tool like Flask or FastAPI, or pick Node.js. I think python and javascript are the most popular languages now, and the community support is amazing. There is almost nothing that you cannot do in both.

  • Elm

    Compiler for Elm, a functional language for reliable webapps.

  • If you are a fan of functional programming, then be sure to check out Elm that let’s you build frontend using functional programming concepts.

  • aws-lambda-java-libs

    Official mirror for interface definitions and helper classes for Java code running on the AWS Lambda platform.

  • You could also have micro services where each service does a separate task, or even go with a serverless architecture with tools like lambda. This would make your backend system programming language agnostic, but might be hard to customize or optimize certain things.

  • Angular

    Deliver web apps with confidence 🚀

  • I am not too familiar with Angular, but from what I know, it is usually used in enterprise projects. If you like typescript, and object oriented programming and have a lot of people going to work on the project, then angular might be the best choice.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts