<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr" -->

---
title: All the New Features in Next.js v12 | daily.dev
description: Middleware uses middleware to intercept an HTTP request and process it in some way before it goes to your With Bit. With Bit, you can create any part of your...
canonical: https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: All the New Features in Next.js v12 | daily.dev
og:description: Middleware uses middleware to intercept an HTTP request and process it in some way before it goes to your With Bit. With Bit, you can create any part of your...
og:url: https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr
og:image: https://api.daily.dev/og/posts/KCpcnAYr-.png
og:image:alt: All the New Features in Next.js v12
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.

# All the New Features in Next.js v12

**[Bits and Pieces](https://daily.dev/sources/bit)** · 4 min read · 74 upvotes · 1 comments

## Summary

Middleware uses middleware to intercept an HTTP request and process it in some way before it goes to your With Bit. With Bit, you can create any part of your app as a “ component’s composable and reusable. You and your team can share a toolbox of components to build more apps faster and consistently together.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://blog.bitsrc.io/is-next-js-version-12-a-game-changer-11af455c38a5?source=rss----5c2fdf847f4a---4>

## Community discussion

Top comments from developers on daily.dev.

**@devvsakib** · 0 upvotes

> helpful article

---

Tags: [#react](https://daily.dev/tags/react), [#javascript](https://daily.dev/tags/javascript)

[View this post on daily.dev](https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr)

```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":"All the New Features in Next.js v12","url":"https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr"},"datePublished":"2022-08-26T12:07:01.515Z","dateModified":"2022-08-26T12:07:01.513Z","description":"Middleware uses middleware to intercept an HTTP request and process it in some way before it goes to your With Bit. With Bit, you can create any part of your...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/cb6fa91a99153033990f793f056a5d2b","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/cb6fa91a99153033990f793f056a5d2b","isAccessibleForFree":true,"articleSection":"Bits and Pieces","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":"Organization","name":"Bits and Pieces","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/bit","url":"https://daily.dev/sources/bit"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":74},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"react,javascript","timeRequired":"PT4M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Bits and Pieces","item":"https://daily.dev/sources/bit"},{"@type":"ListItem","position":3,"name":"All the New Features in Next.js v12"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/all-the-new-features-in-next-js-v12-kcpcnayr","comment":[{"@type":"Comment","text":"helpful article","datePublished":"2022-09-02T16:59:24.669Z","url":"https://daily.dev/posts/KCpcnAYr-#c-OA1H_TuGT","author":{"@type":"Person","name":"Sakib Ahmed","url":"https://daily.dev/devvsakib","image":"https://avatars.githubusercontent.com/u/88339569?v=4"}}]}
```

