What tools to use for your next web based project?

Developer Tools Javascript UI Libraries JavaScript Framework

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
Vue.js is also a popular light weight alternative to react. Many interactive websites nowadays use Vue.

#Front-End Frameworks #Javascript UI Libraries #JS Library 342 social mentions
Tailwind CSS Landing Page
2

Tailwind CSS

A utility-first CSS framework for rapidly building custom user interfaces.
Pricing:
- Open Source
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.

#Developer Tools #Design Tools #Website Design 874 social mentions
Svelte Landing Page
3

Svelte

Cybernetically enhanced web apps
Pricing:
- Open Source
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.

#Javascript UI Libraries #JavaScript Framework #JS Library 356 social mentions
styled-components Landing Page
4

styled-components

styled-components is a visual primitive for the component age that also helps the user to use the ES6 and CSS to style apps.
Pricing:
- Open Source
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.

#Developer Tools #Design Tools #Web Frameworks 157 social mentions
React Landing Page
5

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
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.

#Javascript UI Libraries #JS Library #JavaScript Framework 778 social mentions
Phoenix Framework Landing Page
6

Phoenix Framework

Most web frameworks make you choose between speed and a productive environment. Phoenix gives you both.
Pricing:
- Open Source
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.

#Developer Tools #Web Frameworks #Python Web Framework 13 social mentions
Node.js Landing Page

7

Node.js

Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable network applications

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.

#Runtime #JavaScript Runtime #JavaScript 794 social mentions
Next.js Landing Page
8

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
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).

#Developer Tools #Web Frameworks #JavaScript Framework 931 social mentions
Material UI Landing Page
9

Material UI

A CSS Framework and a Set of React Components that Implement Google's Material Design
Pricing:
- Open Source
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.

#Design Tools #Developer Tools #CSS Framework 75 social mentions
Go Programming Language Landing Page
10

Go Programming Language

Go, also called golang, is a programming language initially developed at Google in 2007 by Robert...
Pricing:
- Open Source
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.

#Programming Language #OOP #Generic Programming Language 292 social mentions
FastAPI Landing Page
11

FastAPI

FastAPI is an Open Source, modern, fast (high-performance), web framework for building APIs with Python 3.6+ based on standard Python type hints.
Pricing:
- Open Source
- Free
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.

#Developer Tools #API Tools #Python Programming 236 social mentions
Elm Landing Page
12

Elm

A type inferred, functional reactive language that compiles to HTML, CSS, and JavaScript
Pricing:
- Open Source
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.

#Programming Language #OOP #Generic Programming Language 114 social mentions
AWS Lambda Landing Page
13

AWS Lambda

Automatic, event-driven compute service
Pricing:
- Open Source
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.

#Cloud Computing #Cloud Hosting #Business & Commerce 251 social mentions
Angular.io Landing Page

14

Angular.io

Angular is a JavaScript web framework for creating single-page web applications. The code is free to use and available as open source. It is further maintained and heavily used by Google and by lots of other developers around the world.

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.

#JavaScript Framework #JS Library #Web Development Tools 287 social mentions