Hulya Karakaya A frontend developer interested in open source and building amazing websites. I believe in building through collaboration and contribution.

Comparing top Node.js frameworks for frontend developers

10 min read 3029

Comparing Node JS Top Frameworks

Editor’s note: This article was last updated on 15 December 2022 to include information about Express v5.0, which is in beta at the time of writing.

The Node.js runtime allows developers to build both frontend and backend applications using only JavaScript, meaning you no longer have to switch contexts between different languages, like PHP for the backend and JavaScript for the frontend.

Once seen as a language for amateurs, Node.js has truly revolutionized the web. If you were already a developer before Node.js was introduced, you had to learn a completely different language to write server-side code, like PHP. However, thanks to Node.js and its huge ecosystem, frontend developers are now able to work with the backend using JavaScript as well.

With Node.js, you can create production-ready applications, including real-time chat applications, microservices, command line tools, web servers, and APIs. Thanks to its event-driven model, Node.js can handle a large number of concurrent requests. Many large companies use Node.js in production, including Netflix, Uber, Nasa, PayPal, and Walmart, to name a few.

In this article, we’ll compare a few popular Node.js frameworks according to their usage, features, disadvantages, downloads, and more. Let’s get started!

Why should you use a framework?

Writing server-side logic is complex, and coding an entire app from scratch is time consuming. Developers need to focus on the business logic rather than wasting time creating an app from scratch. By providing helper functions, tools, and rules, frameworks handle the heavy lifting, helping us to structure our application and write clean code quickly.

Many web frameworks abstract web protocols into higher-level APIs and provide a rich interface for building web applications. Typically, these frameworks use the underlying, built-in power of Node.js and provide us with a simpler API to create more complicated features in our web servers. Of course, frameworks add abstraction to our code, but if you’re building a large web application, they can come in handy.

Every framework tries to solve a problem, and the philosophies of each framework will differ. However, all Node.js frameworks share some commonalities, like mapping URLs to content, known as routing, and templating for dynamic content.

Types of Node.js frameworks

Although you might feel excited to learn a new framework, the sheer number of frameworks available may overwhelm you. The diagram below can help you understand which framework might be the best choice for your unique project:

Node JS Frameworks Types

There are many different ways to group frameworks, and some frameworks can belong to multiple categories. For example, I’ve included NestJS under REST API, but you can also use it as a full-stack and MVC framework. Or, you can just spin up a REST API server.

HTTP server frameworks

HTTP server frameworks are based on Express, helping you build apps based around HTTP verbs and routes. Several popular HTTP server frameworks include Fastify, a low overhead framework for backend development, Koa, which was designed by the Express team, and Hapi, an alternative to NestJS.

MVC frameworks

MVC stands for Model, View, and Controller, a software architecture design pattern that splits application functionality into three parts:

MVC Framework Architecture Types

Models handle data logic and represent how data is stored. Views handle presenting the information to the user, and controllers handle request flows and delegating information between the model and the view. The controller will get the data information from the model and then pass that data into the view.

Sails, Strapi, and AdonisJS support MVC architecture; if you don’t want to spend time structuring your apps, you can use these. In addition, having MVC architecture makes it easy for other developers to understand your code.

Full-stack MVC frameworks

Meteor and Feathers are some of the full-stack Node.js frameworks that use JavaScript on the client and server side, which is also known as isomorphic code. These frameworks come with many features, including templating engines, WebSocket libraries, and ORMs.

Rest API frameworks

NestJS, Loopback, and Restify are REST API frameworks. You can use these frameworks to spin up a fast Node.js server or just to handle CRUD requests.

Some statistics

The diagram below will give you an idea of how popular the framework is at the time of writing, including how many contributors it has, monthly downloads on npm, and the age of the framework:

GitHub stars Monthly downloads Contributors Age
Express 59.1k 27.8M 295 13 years
Koa 33.4k 1.3M 226 9 years
Hapi.js 14.1k 665k 212 11 years
Nest.js 52.6k 1.9k 353 6 years
Socket.io 57.2k 5.3k 204 13 years
Sails.js 22.3k 36.2k 238 11 years
Fastify 25.8k 842.1k 593 6 years
Loopback 13.3k 45.8k 133 9 years
Adonis 13.3k 141 70 7 years
Restify 10.5k 129.8k 206 11 years
Strapi 50.4k 16.3k 827 7 years
Meteor 43.1k 1.4k 674 10 years

Most of these frameworks are pretty old, and the leading framework with the most downloads on npm is Express. Following Express, we have Koa, then Fastify. As for their popularity on GitHub, Express and Socket.io are leaders, with Meteor, NestJS, and Strapi following behind.

We’ll review five of the most popular frameworks, Express, Koa, Socket.io, NestJS, and Fastify, exploring their features, selling points, and which companies are using them.



Express

Express is undeniably the king of Node.js frameworks, with around 28M weekly downloads on npm at the time of writing. It is often considered the de facto web server framework for Node.js.

Released in 2010, Express is written in JavaScript. At the time of writing, the latest stable version of Express is v4.18.1. However, with the introduction of new features, Express is migrating to v5.0.0, which is in beta at the time of writing.

Express is inspired by the Sinatra framework because of Ruby’s efficiency and maintainability. Designed to build and run web apps quickly, developers love Express because it is lightweight, fast, minimalistic, and unopinionated.

Express: Features and advantages

Express offers features like routing and middleware that speed up the process by requiring only a few lines of code. Express is only a thin layer to Node.js, and because of Node’s asynchronous nature, we can run multiple requests concurrently. Therefore, Express provides high performance and a fast development experience.

Express’ robust and resilient routing system handles requests via Route methods derived from the Express app object, so you can write responses to specific endpoints.

Express doesn’t provide a universal way to organize things. There are no strict rules, so you can decide how to structure your app or what middleware to use. For example, you are free to choose any design pattern, like MVC, MVP, MVVM, etc. However, the most common is the MVC pattern.

With Express, it’s easy to integrate third-party services and middleware for tasks like parsing requests, cookie headers, sessions, security headers, or libraries. This allows you to use additional libraries for authentication, database access, session management, and much more. You can easily integrate with SQL or NoSQL databases.

The Express system supports over 20 template engines to simplify generating HTML. Some popular ones include Pug, Mustache, and EJS.

Express has a sizable community, detailed documentation, and a shallow learning curve; if you’re familiar with JavaScript, it’s easy to pick it up. In fact, most frameworks are built on top of Express. Express is also easy to test because of its middleware and routes that modularize projects.

Disadvantages of using Express

On the other hand, Express requires a lot of labor intensive tasks, like setting up endpoints and middleware. Since Express is unopinionated, you need to configure libraries and features yourself.

While writing Express code, you might run into callback hell or pyramid of doom. You can solve this problem by using Promises. Due to the architecture of Express, managing large-scale projects by a team of developers can be difficult.

When should you use Express?

Express is used by companies like Mulesoft, IBM, Yandex, Uber, and Accenture. Express is flexible, and you can build any kind of single-page, multi-page, or hybrid web and mobile application of any size. You can start by building simple static file servers to JSON APIs.

Koa

Koa is the modern version of Express. It is lighter, more expressive, and more robust. You can use Koa to create web services just like Express. In fact, the Koa framework was designed by the team behind Express, and it is sometimes referred to as the future of Express. The team reduced the middleware bundle in Express, improved it with modern JavaScript syntax, and gave more freedom to developers.

Differences between Express.js and Koa

Koa Vs Express Differences

If we compare Koa and Express, we can see that Koa has removed most of the features found in Express. Koa is very unopinionated, and it doesn’t ship routing, the templating engine, or JSONP out of the box. The main reasoning behind this is to make Koa faster, giving developers more freedom and posing fewer complexities while writing code.

Koa also has more options for customization. So, if a developer wants to work with middleware, they can create it themselves or use the built-in middleware. Koa provides add-on modules like Koa router, Koa EJS templating, Koa Body Parser, and much more.

Koa features

Koa focuses more on modern features of the JavaScript ES6 language, like generators, async functions, and the Node.js runtime. Koa uses promise-based flows and async-await syntax to get rid of callbacks, making the code more manageable, cleaner, and more readable. Instead of callbacks, Koa leverages ES2015 generator syntax to define middleware. You can use the yield keyword to exit and then reenter.

Koa uses a context object, which encapsulates req/res objects into one, helping developers build APIs more efficiently by using several helpful methods. Finally, Koa uses cascading middleware. Thanks to asynchronous functions, middleware will run in a cascading fashion until the last middleware is reached.


More great articles from LogRocket:


Advantages of using Koa

If you know Express, Koa is easy to learn, and with only 600 lines of code, it helps developers write thinner middleware. In comparison to Express, Koa is more performant for handling more requests per second, has better control over error handling with try...catch, and is more modular. Due to its modularization, refactoring larger code bases in Koa is easy, and it provides a minimal interface for developing apps and APIs.

Disadvantages of using Koa

Koa is not compatible with Express-style middleware, and it uses ES6 generators, which are not compatible with middleware from other frameworks. Generators make it harder to migrate to other Node.js frameworks in the future, and it creates tight coupling with the framework. Finally, Koa doesn’t have a built-in middleware, and conventional middleware like req, res, and next don’t work with Koa.

When to use Koa

Paralect, GAPO, and the Shimo website all use Koa. Koa is great for building scalable, lightweight web apps, HTTP APIs, and single page web apps.

Socket.io

Socket.io is mainly used for building real time chat applications like WhatsApp and Facebook Messenger. It establishes bidirectional communication between the web client and servers:

Websockets Request Response Cycle

To better understand this, we need to understand how clients and servers normally communicate over HTTP. The client makes a request, and the server responds to the client’s request. But, this is a one-way communication; the server cannot start communication with the client because the HTTP protocol is stateless, and it is hard for the server to find the IP addresses of all the different clients that are accessing it.

In some situations, the server needs to update the client in real time. For example, if we have a chat application, the server should broadcast new messages instantly to all users. Instead of using an HTTP connection, we need to use WebSockets, which allows real time, two-way communication between the frontend and backend.

Socket.io has two parts, a client-side library that runs on the browser and a server-side package for Node.js. Both components have an API that is nearly identical because we can run code both in the browser and server. It follows the EventEmitter model of Node.js. For WebSockets to work, the client opens a persistent connection to the server, and both parties can send messages back and forth to each other.

Features of Socket.io

Socket.io provides a reliable WebSocket connection for Node.js applications. It provides real time analytics in fewer lines of code with high speed support.

If the server and client don’t agree on a handshake, Socket.io falls back to long polling and supports alternative protocols, like WebSockets, Flash, XHR, and JSONP. It can support a wide range of browsers.

Socket.io also features binary and multiplexing support. We can send any blob data, like images, audio, or video from the client or server side.

Additionally, the Socket.io framework offers auto reconnection support. If a client is disconnected, it will keep retrying unless stopped manually. Finally, Socket.io features automatic error detection and correction, and it forges deep connections even in the presence of proxies and private firewalls.

Advantages of using Socket.io

Socket.io has built in support for adding middleware and provides a more straightforward way of setting up audio and video streaming functionalities. It’s easy to get started, and you can develop applications quickly. Finally, Socket.io has a large community, so it’s pretty easy to find learning resources.

Disadvantages of using Socket.io

Socket.io uses callbacks, and it doesn’t provide any message guarantee to acknowledge that it received a message. Therefore, we need to write custom logic in our application to handle such scenarios.

When to use Socket.io

Websites and apps like Patreon, Alibaba Travels, Plaid, Trello, Bepro, and Barogo all use Socket.io. Socket.io is useful for video conferencing apps, interactive streaming media, multiplayer games, and dynamically updated social network sites.

Fastify

Inspired by Hapi and Express, Fastify claims to be the fastest web framework around, and, according to its benchmarks, it’s twice as fast as Express. The only case where Fastify falls behind Express is in handling empty requests. Fastify focuses on minimizing performance overhead with a powerful plugin architecture, all while keeping the developer experience in mind.

According to the 2021 State of JS Survey, Express is the most used backend framework at 81 percent, followed by Next.js at 45 percent. Fastify comes in later at 11 percent.

Features of Fastify

Fastify automatically parses JSON with efficient rendering and provides quick routing. Therefore, it is highly performant, and it can serve up to 30,000 requests per second.

Thanks to its ecosystem of 200 plugins, hooks, and decorators, Fastify is extensible. Fastify also works well with TypeScript, supports AWS Lambda, has a GraphQL adapter, and comes with a lightweight logger.

Finally, Fastify shuts down an application gracefully. It stops accepting new connections and works to close all outstanding “keep alive” connections before exiting the process.

Advantages of using Fastify

Fastify offers zero overhead in production, automatic security and data validation, long-term support for semantic versioning, and a cleaner syntax for writing async code in controllers. With Fastify, testing is easy, leading to a great developer experience.

Disadvantages of using Fastify

Fastify doesn’t have a huge community. Therefore, if you’re stuck with a bug, you may need to fix it yourself. Additionally, Fastify has a shared ownership principle, meaning you can create a PR and contribute to the community.

Who uses Fastify?

Microsoft, Hotstar, and Future Foundry all use Fastify.

When to use Fastify

While you can use Fastify to create web applications, it excels when you’re building JSON-based APIs. Fastify works great for small and big projects alike; it scales well. You can easily migrate to microservices, or even serverless, and back.

NestJS

NestJS is a progressive, flexible, and versatile REST API framework known for building efficient, reliable, and scalable server-side applications.

Nest uses modern JavaScript and is built with and supports TypeScript out of the box. It combines the elements of object-oriented programming, functional programming, and functional reactive programming.

NestJS builds upon Express internally, but you can also configure it with Fastify. NestJS is inspired by Angular; it uses the concepts of dependency injection, modularity, and decorators. You can build MVC apps, REST, and GraphQL APIs. NestJS provides a built in wrapper around Apollo GraphQL.

Features of NestJS

NestJS provides a powerful CLI to boost productivity and ease the development process. It also supports REST and GraphQL APIs out of the box, and you might use it to build a full-stack application.

NestJS provides an option to build microservice-based applications out of the box. When you spin up a NestJS server, it comes with a clear architecture based on a few simple components, like controllers, modules, and providers. This makes it easy to split applications into microservices.

Finally, NestJS offers easy unit-testing for applications, including dedicated setups for all kinds of application testing.

Advantages of using NestJS

Thanks to the flexibility of JavaScript and the robustness of TypeScript, NestJS is easily scalable. It includes detailed and well-maintained documentation, has active codebase development and maintenance, and is open sourced with an MIT license.

NestJS code generation helps to develop applications faster, and it follows strict design principles that do a lot of basic development activities for developers. NestJS’s community is quickly growing.

Disadvantages of using NestJS

NestJS uses Angular concepts, so for developers who aren’t familiar with Angular, it may be hard to grasp NestJS at first. When compared with Express, the NestJS community is small.

Who uses NestJS?

Adidas, Autodesk, Neoteric, and Sanofi all use NestJS.

When to use NestJS

NestJS is great for building complex, large-scale enterprise applications.

Choosing the right framework

In this article, we’ve covered quite a lot, starting off with why you should use a framework, types of frameworks, and some statistics regarding different frameworks. We then went over the five most popular frameworks, including Express, Koa, Socket.io, Fastify, and NestJS. Hopefully, this article gave you a better idea of how each frameworks differs. As always, the right choice will depend on your unique project. What do you think of these frameworks? Did I miss your favorite? Let me know in the comments below.

200’s only Monitor failed and slow network requests in production

Deploying a Node-based web app or website is the easy part. Making sure your Node instance continues to serve resources to your app is where things get tougher. If you’re interested in ensuring requests to the backend or third party services are successful, try LogRocket. https://logrocket.com/signup/

LogRocket is like a DVR for web and mobile apps, recording literally everything that happens while a user interacts with your app. Instead of guessing why problems happen, you can aggregate and report on problematic network requests to quickly understand the root cause.

LogRocket instruments your app to record baseline performance timings such as page load time, time to first byte, slow network requests, and also logs Redux, NgRx, and Vuex actions/state. .
Hulya Karakaya A frontend developer interested in open source and building amazing websites. I believe in building through collaboration and contribution.

6 Replies to “Comparing top Node.js frameworks for frontend developers”

  1. As you introduce yourself as a front end engineer, I thought you would tell us more where the front end is located if any in the different cases and then what front end frameworks suit bast.
    Like Express, you have to write the front end, with MVC, no front end as pages are dynamically served and updated, with full stack MVC’s you have a front end framework included.
    How does this work with Rest API like NestJS you say it is Angular oriented. Does it mean you have to consider Angular as a front end in this case? As the only option left?

    1. Hi Gérard,

      NestJS is built on top of Express, and you can build MVC applications like you can do with Express. It’s just inspired by Angular, but you don’t need to use Angular in the frontend. You can check out the documentation here: https://docs.nestjs.com/techniques/mvc.

      NestJS is very versatile, it’s not just a for creating Rest APIs. Grouping the frameworks is not very strict, frameworks can belong to multiple categories. I’ll add a note about that.

    1. Hi Patrick.

      Thanks for commenting. Yes, NestJS can be used as a full-stack and MVC framework. However, it can also be used as a REST api. I have explained that under NestJS section.

  2. Astounding post. I cherish the manner in which it is composed and it is useful for me. A debt of gratitude is in order for imparting to us

  3. Hi Patrick.

    Hello. NestJS can be used as a full-stack and MVC framework. However, it can also be used as a REST api framework. I explained it under the NestJS section.

Leave a Reply