<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys" -->

---
title: 5 Must-Have Tools for Building Web Applications with...
description: Next.js App Router Server-only, Saas UI, TailwindCSS, Turbopack, the use() hook, and Tailwind CSS are among the tools that can enable you to build web...
canonical: https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: 5 Must-Have Tools for Building Web Applications with Next.js App Router | daily.dev
og:description: Next.js App Router Server-only, Saas UI, TailwindCSS, Turbopack, the use() hook, and Tailwind CSS are among the tools that can enable you to build web...
og:url: https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys
og:image: https://api.daily.dev/og/posts/zrD2ZOiYS.png
og:image:alt: 5 Must-Have Tools for Building Web Applications with Next.js App Router
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# 5 Must-Have Tools for Building Web Applications with Next.js App Router

**[Medium](https://daily.dev/sources/medium_js)** · [@aviatorscode2](https://daily.dev/aviatorscode2) · 12 min read · 24 upvotes · 1 comments

## Summary

Next.js App Router Server-only, Saas UI, TailwindCSS, Turbopack, the use() hook, and Tailwind CSS are among the tools that can enable you to build web applications with Next.JS App Router faster. The Pages Router was introduced as an intended replacement for the Pages Router.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://javascript.plainenglish.io/5-must-have-tools-for-building-web-applications-with-next-js-app-router-e24002aa4dcf?source=rss------javascript-5>

## Community discussion

Top comments from developers on daily.dev.

**@dishadutta** · 0 upvotes

> very informative and useful article for next.js developers

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#react](https://daily.dev/tags/react), [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#tools](https://daily.dev/tags/tools), [#performance](https://daily.dev/tags/performance), [#css](https://daily.dev/tags/css), [#nextjs](https://daily.dev/tags/nextjs), [#tailwind-css](https://daily.dev/tags/tailwind-css), [#react-hooks](https://daily.dev/tags/react-hooks)

[View this post on daily.dev](https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"5 Must-Have Tools for Building Web Applications with Next.js App Router","url":"https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys"},"datePublished":"2023-08-18T05:51:32.499Z","dateModified":"2023-08-19T02:00:06.002Z","description":"Next.js App Router Server-only, Saas UI, TailwindCSS, Turbopack, the use() hook, and Tailwind CSS are among the tools that can enable you to build web...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7efebe78de1c206cac2042cecda8a757?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7efebe78de1c206cac2042cecda8a757?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Medium","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Victor Yakubu","url":"https://daily.dev/aviatorscode2","image":"https://lh3.googleusercontent.com/a-/AOh14GhJhV9Kjo3VXH_XnORHNaKcitrcqbHIv0usuUGffw=s100","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":20}},"commentCount":1,"discussionUrl":"https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":24},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"react,webdev,javascript,tools,performance,css,nextjs,tailwind-css,react-hooks","timeRequired":"PT12M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Medium","item":"https://daily.dev/sources/medium_js"},{"@type":"ListItem","position":3,"name":"5 Must-Have Tools for Building Web Applications with Next.js App Router"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/5-must-have-tools-for-building-web-applications-with-next-js-app-router-zrd2zoiys","comment":[{"@type":"Comment","text":"very informative and useful article for next.js developers","datePublished":"2023-11-29T06:08:12.948Z","url":"https://daily.dev/posts/zrD2ZOiYS#c-o4k1TUImf","author":{"@type":"Person","name":"Disha Dutta","url":"https://daily.dev/dishadutta","image":"https://avatars.githubusercontent.com/u/47849740?v=4"}}]}
```

