Tim
@timneutkens
Followers
40,720
Following
631
Media
200
Statuses
7,097
Tech lead for Next.js and Turbopack @vercel , co-author of @nextjs , MDX, Micro, and ncc. Opinions are my own.
The Netherlands
Joined February 2013
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Sonic
• 375471 Tweets
Jack Smith
• 227502 Tweets
Galatasaray
• 226967 Tweets
Okan
• 129564 Tweets
Dani Olmo
• 127962 Tweets
Young Boys
• 111088 Tweets
Rayo
• 97581 Tweets
Arlington National Cemetery
• 88675 Tweets
リマスター
• 85796 Tweets
#GSvYB
• 83902 Tweets
Avrupa
• 74417 Tweets
Soto Grado
• 60441 Tweets
Bernal
• 60360 Tweets
Pedri
• 60019 Tweets
Muslera
• 57094 Tweets
Ferran
• 36133 Tweets
Erden Timur
• 33839 Tweets
Blanca
• 31274 Tweets
Dana Bash
• 27472 Tweets
Nunez
• 25102 Tweets
野人転生
• 24269 Tweets
Fatih Terim
• 16222 Tweets
Marley
• 14735 Tweets
#WWENXT
• 11041 Tweets
`next/link` will no longer require manually adding `<a>` as a child!
This supports both string literals as well as custom React components as children.
Starting in the next minor release, you'll be able to opt-into this behavior.
PR with more details:
79
241
2K
create-next-app now asks if you want to start with Tailwind CSS instead of CSS Modules.
Already out on canary, stable release soon!
npx create-next-app
@canary
77
171
2K
New Next.js RFC: Tailwind Support!
◆ Fast DX
◆ Zero Config
◆ Backwards Compatible
32
228
2K
React Fast Refresh fully integrated with Next.js soon 🚀
Amazing work by
@timer150
,
@wSokra
, and
@dan_abramov
See the early demo below 🍿
25
329
2K
The Google Chrome team wrote a RFC for an image components built into Next.js:
◆ Aims to improve performance (LCP and CLS)
◆ Built-in image optimization
◆ Automatic srcset
◆ lazy-loading
29
247
2K
Excited to share that I'm the new engineering manager of Next.js at
@vercel
.
Looking forward to continue building Next.js with the team and contributors 🚀
105
20
2K
Coming soon to Next.js: you no longer have to provide `href` and `as` for dynamic routes, only `href` will be enough 🚀
In Next.js 9.5 we made some big changes to the Next.js runtime that made this possible.
This is available on next
@canary
if you want to try it out.
65
179
1K
Coming 🔜 to Next.js: 30% smaller install size and 40% less dependencies
In addition to that we've also gotten rid of the npm deprecation warnings for packages.
Great work by
@guybedford
and
@timer150
🚀
22
145
1K
One of the takeaways from building open source for over 4 years is that "senior developer" has wildly different meaning from company to company 😅
31
81
1K
Next.js will soon ship "modern" JavaScript automatically to browsers that support it, older browsers get served the polyfilled bundles.
This is only the beginning of the collaboration we're doing with the Google Chrome team.
16
219
1K
Super significant release, Next.js is now fully hybrid and you can choose per-page if you want to SSG or SSR it.
You get Preview Mode built-in.
And with all these new features you get a 15 kB gzip reduction in runtime size 🤩
Really proud of the work my team has done! ♥
Next.js 9.3:
◆ Next-gen Static Site Generation (SSG) Support
◆ Preview Mode
◆ Built-In Sass Imports for Global Styles
◆ Built-In Sass Modules for Component-Level Styles
◆ Automatic Static Optimization for 404
◆ 32 kB Smaller Runtime (15 kB gzip)
39
437
2K
26
138
929
Next.js 13 is stable. Upgrade from Next.js 12 to get these benefits:
◆ Default output target ESModules browsers
◆ No more `<a>` in `<Link>`
◆ swcMinify by default
◆ New next/image without wrappers
◆ Improved InferGetStaticPropsType/InferGetServerSidePropsType
1/5
31
105
893
Wrote an RFC to provide internationalized routing.
◆ Supports multiple common strategies
◆ Supports both SSG and SSR
◆ Language detection
23
115
832
Super excited to share that Tobias, the author of webpack, is joining the Next.js team at Vercel!
Exciting things to come 🚀
22
42
808
Wrote a RFC to significantly improve Next.js Static Generation.
◆ Build-time data fetching
◆ Client-side routing with build-time data
◆ Static and server-rendered pages in one application
◆ Static generation for routes coming from a CMS
37
133
757
Next.js has a built-in configuration for Jest now!
◆ Auto-mocking of .(s)css/.module.(s)css and image imports
◆ Transform using SWC
◆ Loads .env variants
◆ Ignores node_modules for transforms / test resolving
Available as experimental on canary:
9
98
740
Wrote an RFC to automatically optimize images
◆ Integrates with the next/image RFC
◆ Modern Formats: AVIF and WebP
◆ Image Resizing
25
94
706
We've made great progress in our effort to reduce Next.js install size!
◆ 58% smaller install size
◆ 56% less dependencies
Available on next
@canary
today, coming soon to stable!
Note: based on the same base numbers from the previous tweet.
Coming 🔜 to Next.js: 30% smaller install size and 40% less dependencies
In addition to that we've also gotten rid of the npm deprecation warnings for packages.
Great work by
@guybedford
and
@timer150
🚀
22
145
1K
22
90
697
Good news for Next.js users that use styled-components, you can now use SWC!
We've ported the critical option of babel-plugin-styled-components that prevents hydration mismatches to SWC 🚀
Learn more:
17
87
671
React Compiler 🤝 Next.js
We've landed an option that automatically configures the React Compiler.
Supports:
◆ App Router
◆ Pages Router
◆ Webpack
◆ Turbopack
Instructions have been updated in the official docs:
10
83
668
Next.js at Apple 🤯
6
33
656
Just realized I've been contributing to Next.js for almost 4,5 years. Time flies 🤯
29
7
654
A few months ago I did an interview about my journey into tech and open source.
I've never publicly talked or written about this, hopefully it's useful to someone 🙏
It was published today:
27
68
640
Lyft’s migration to Next.js is very impressive: less code, smaller bundle size, and happier developers 🚀
5
42
603
Next.js Plugins, coming 🔜🤩
⬩ Zero Config
⬩ Code splitting built in
⬩ Official and community plugins
Super excited about the new possibilities this is going to allow when integrating Next.js with your favorite library 🚀
15
91
579
Today marks 4 years at Vercel for me!
It's been an amazing journey so far, looking forward to the future 🚀
Recently found Guillermo's message from when I told him I'd like to take the offer to join Vercel. Wouldn't have imagined the opportunities I had in these 4 years.
22
8
568
Super excited about this release 🤩
We built all the missing parts to make Fast Refresh work really well consistently. Huge thanks to
@dan_abramov
for collaborating on this.
You can now try out Incremental Static Generation on your website which allows dynamic to become static.
Next.js 9.4:
◆ React Fast Refresh
◆ Incremental Static Regeneration (beta)
◆ New Environment Variables Support
◆ Built-in Fetch Support
◆ Web Vitals Reporting
◆ Absolute Imports and Aliases
◆ Configurable Sass Support
◆ Improved Log Output
59
676
3K
13
47
556
Excited about what this unlocks for Next.js.
More soon! 🚀
React 18 is now available on npm!
Here’s an overview of what’s new in React 18, and what it means for the future.
168
3K
9K
12
22
545
Incredibly proud of the whole team, this release has been the biggest improvement to Next.js to date 🚀
This is just the beginning, we're working on even more performance improvements and DX optimizations, stay tuned! 😌
Here's a deep dive on Next.js 12
Next.js 12 is out
◆ Rust compiler: 3x faster HMR & 5x faster builds
◆ AVIF support: 20% smaller images
◆ Edge Functions runtime & Middleware (beta)
◆ SSR Streaming & React Server Components (alpha)
◆ Native ESM & URL imports (alpha)
◆ Bot-aware ISR
56
934
3K
9
41
520
We've been working on improving `next export`
◆ App Router compatible
◆ Server Components compatible
◆ Route Handlers compatible
◆ Built-in to `next build`
◆ Ensures development matches static export
Shipped on canary, stable soon!
22
57
513
We’ve been working with the React team at Facebook extensively to bring this vision to life!
Super excited to finally be able to share this proposal! 🚀
As 2020 comes to an end we wanted to share a special Holiday Update on our research into zero-bundle-size React Server Components. The demo is available now whether you want to play with it during the holiday, or when work picks back up in the new year.
161
1K
5K
7
45
515
App Router is now stable 🚢
It's been awesome to see what people have been building during the beta period.
Excited to see what you will do with it now that it is stable!
This has been the biggest release since v1 in 2016.
Next.js 13.4
◆ App Router (Stable)
◆ Turbopack (Beta)
◆ Server Actions (Alpha)
85
660
3K
19
26
483
Just learned <link rel="preload"> supports the `media` attribute for media queries 🤯
7
99
477
Wrote a proposal for:
- Dynamic (SSR)
- Static (Pre-rendering)
- Client-side only (CSR/SPA)
On a per-page basis in Next.js.
This allows building truly hybrid web applications 🤩
15
69
475
Full ES Modules support in Next.js coming soon!
Given that there are a few nuances with package loading there will be a few loading modes to ensure existing apps do not break. "esmExternals: true" will eventually become the default.
Great work by
@wSokra
🚀
9
51
453
Next.js supports React Hooks, even with SSR!
Here's a proof of concept of the future `useRouter` API:
11
92
441
How to build a production Next.js website that has:
- CDN by default
- Highly available
- Both static and dynamically rendered pages
- Built-in api/ routes support
- HTTPS without configuration
- Staging deployments for every `git push` and PR
1. Write your code
2. now
11
39
399
Automatic 12 kB gzip decrease in First Load size in the upcoming Next.js release 🚀
We saw even bigger decreases in for most pages 💯
8
38
396
Next.js 10.2 is out now!
Super excited to roll out webpack 5 to a majority of Next.js users by default while keeping backwards compatibility for apps that did customization. This has been a multi-month effort in ensuring you can upgrade your Next.js app as smoothly as possible
Next.js 10.2
◆ Faster Builds, Refresh, and Startup
◆ Improved Accessibility
◆ Improved Redirects and Rewrites
◆ Automatic Webfont Optimization
10
227
1K
11
47
390
The Google Chrome team wrote a RFC for integrating eslint with Next.js:
◆ Aims to improve performance through conformance checks
◆ Automatically configured
◆ Shares the Babel AST (no extra parsing)
2
45
375
Wrote an RFC for Incremental Static Generation in Next.js:
◆ Works with any data source
◆ Configurable per-page
◆ Integrates with getStaticProps
◆ Regeneration happens in the background
◆ Fully open-source and standalone
◆ Works with existing sites
9
70
377
Incredibly excited to share our plan for the future of Next.js
/pages/ ➡ /app/
Opt-in to startTransition and Server Components incrementally
Next.js Layouts RFC
◆ Nested routes / layouts
◆ Designed for Server Components
◆ Fetch in layouts while avoiding waterfalls
◆ React 18 features – startTransition, Suspense
◆ Client and server routing
◆ 100% incrementally adoptable
64
443
2K
9
36
375
Tailwind CSS build/dev performance tip:
If you have a pattern like this: "../../packages/ui/**/*.{js,ts,jsx,tsx}"
It will cause packages/ui/node_modules to be scanned too.
With this configuration, all .js, .ts, .jsx, and .tsx files are scanned for Tailwind classes. Including
23
44
378
Continued growth of Next.js across Alexa topsites, many well known brands:
IMDb, Spotify, TikTok, Patreon, Oracle, Hulu, Notion, Coursera, Realtor, HBO, Robinhood, IBM, NBA, Whole Foods Market, Dior, Vodafone, Axios, Lyft, Volvo
18
17
372
🦀 New preliminary perf wins using SWC in Next.js
Super excited about the significant optimizations we've been making to both SWC and webpack.
These results are without any codebase changes to 2 existing production apps.
13
42
369
Really amazing work by
@Janicklas
@_developit
@atcastle
@shubhie
@_prateekbh
@devknoll
@stubbornella
@hdjirdeh
from the Chrome team. They reduced both bundle sizes *and* improved FCP, TTI and other metrics in Next.js tremendously 🚀
Next.js 9.1.7:
⬩ 4% Smaller Client-Side Runtime
⬩ New Build Output
⬩ New Built-In Polyfills
⬩ Faster Page Loading
⬩ Strict Mode Ready
⬩ Automated React Canary Tests
⬩ Optional Chaining & Nullish Coalescing
⬩ Zero-Config `next export` Deployment
12
234
1K
7
45
352
React Hooks are out on react
@16
.8.0 (stable)!
You can already use them with Next.js
Next.js specific hooks coming 🔜
Next.js supports React Hooks, even with SSR!
Here's a proof of concept of the future `useRouter` API:
11
92
441
6
67
347
We’ve been working towards integrating in Next.js and I’m super excited and pleased with the initial results, stay tuned!
Excited to share that DongYoon, the creator of SWC, is joining the Next.js team to work on improving dev and build performance!
7
23
343
I'm super excited to announce that Sebastian Markbåge is joining Vercel!
We'll continue working closely with the React team at Meta on React Server Components and other initiatives.
Excited to bring our shared vision for the future of React into reality 🚀
Therefore, I'm joining Vercel starting next year!
I'm lucky that I'll get to keep working on React together with the amazing teams at Meta. I'm also excited to work closely with the equally stacked team at Vercel.
53
123
1K
4
8
337
Really proud of this release 😌
Next.js 9.5 adds 6 features that were massively requested by the community 🤩
You'll also be able to try out webpack 5 (currently in beta) 🚀
Next.js 9.5:
◆ Incremental Static Regeneration
◆ Custom Base Path
◆ Rewrites and Redirects
◆ Optional Trailing Slashes
◆ Persistent Caching for Page Bundles
◆ Fast Refresh Enhancements
◆ Optional Catch-All Routes
◆ Webpack 5 Support (beta)
34
528
2K
13
28
329
We've been using to record and investigate complicated bugs while building the Next.js App Router.
In many cases it saved us hours of debugging by being able to record and travel back in time.
4
27
324
The largest release we've done since Next.js 2 🤩
Amazing work by my team:
@timer150
@_ijjk
@connordav_is
@luis_fades
@huv1k
😌 and all contributors to this release ❤️
I'm so excited for the future 🚀
Next.js 9:
⬩ Built-in Zero-Config TypeScript Support
⬩ File system-Based Dynamic Routing
⬩ Automatic Static Optimization
⬩ API Routes
⬩ Improved DX
⬩ More Production Optimizations
⬩ Build Output Statistics
⬩ Google Chrome Collaboration
63
733
2K
8
46
318
Super excited for the future of Next.js and Vercel ▲
Today we announce $40M in new funding to help everyone build the next web.
69
238
2K
15
3
318
Happy new year! 🎉🎉🎊🎊
Super excited about the things we’re working on for Next.js and
@zeithq
.
More soon 😌😌
9
11
313
Next.js 13.3 includes a new React hook for reporting Core Web Vitals - compatible with the App Router.
It can be used to send Core Web Vitals metrics to your own backend or Vercel Analytics. Use those insights to improve your site's performance.
4
30
304
We’ve turned the Next.js Conf website into a Next.js Starter Kit that you can use to run your own online conference!
Super excited to be open sourcing these efforts after successfully running a conference with tens of thousands concurrent attendees 🚀
Today we're also introducing the Virtual Event Starter Kit used to run Next.js Conf 2020.
This starter was born from the collaboration of marketers, designers, and developers.
Clone, deploy, and fully customize for your next event.
11
179
1K
6
21
301
Super excited about these initial results enabling next-swc.
next-swc is SWC with all custom Next.js transforms like styled-jsx, getStaticProps/getServerSideProps tree shaking and other optimizations written in Rust.
Amazing work by
@padmaia
and
@kdy1dev
on this 🎉
🦀 Preliminary perf wins… Pre-optimization.
Join us at to learn more.
5
51
511
7
24
302
Really proud of the work by both my team and the Google Chrome team that's working on Next.js 🤩
next-css was one of the most used dependencies of Next.js projects, either to import a single CSS file or full design systems.
It's now a built-in feature with better constraints.
Next.js 9.2:
⬩ Built-In CSS Imports for Global Styles
⬩ Built-In CSS Modules for Component-Level Styles
⬩ Catch-All Dynamic Routes
⬩ Up to 70% Reduced Largest JavaScript Bundle
⬩ Up to 87% Less JavaScript Loaded after Multiple Navigations
27
300
1K
12
29
299
If you have a Next.js application that does not have custom webpack configuration could you try enabling webpack 5 if you haven't already:
26
33
288
Amazing work by the whole team 🚀
We've been lining up some massive improvements so stay tuned!
4
11
270
With the latest Next.js canary the `app` directory no longer adds additional `<div>`s
These were used to scroll layouts into view when navigating, this behavior is preserved without needing the extra element.
Available through npm install next
@canary
5
8
263
The Next.js Conf schedule looks amazing!
-
@shubhie
@hdjirdeh
on improving UX
- How Lyft adopted Next.js
- How Tencent scales Next.js to millions
-
@jescalan
When not to use Next.js
-
@type__error
Building a Bank with Next.js
Sign up for your free ticket:
8
35
258
Just landed the replacement for API routes!
Introducing Route Handlers
Easily define server-side API endpoints in App Router (app/)
◆ Pre-rendering / ISR support
◆ Powered by Web APIs (Request & Response)
◆ Multi-runtime (Edge & Node.js)
◆ Declarative method-based routing
◆ Streaming support
37
245
2K
7
9
258
The new Next.js documentation solves nearly all open GitHub issues regarding documentation for Next.js 🤩
Documentation is a continued effort and we’ll keep improving it 🚀
New Next.js Documentation:
⬩ Improved Content
⬩ Multi-Page Structure
⬩ Sidebar Search
⬩ API Reference
6
59
393
8
23
250
Super excited to welcome
@Rich_Harris
to the Vercel team!
Exciting times ahead 🚀
3
2
251
Landed support for TypeScript's "paths" module alias configuration in Next.js 🚀
◆ Uses established convention for aliasing
◆ Works with your editor
◆ Fully automatic, no additional configuration needed
◆ Works with JS too through jsconfig.json
7
23
249
Up to 5.5x faster incremental builds for all Next.js applications is now available in beta on next
@canary
🚀
To try it out follow these steps:
- Use the webpack 5 beta
- yarn add next
@canary
- run 2 builds: 1st generates the cache, 2nd uses the cache
~5.5x faster incremental builds coming. Unreal. Crazy epic work by
@timneutkens
and
@wsokra
24
40
703
11
26
244
Wrote a RFC to improve env handling in Next.js:
◆ .env file support
◆ Per-page specification of env needed
◆ Exposed to `getStaticProps` and `getServerSideProps`
◆ Works with both Pages and API routes
6
15
236
Getting closer to App Router stability!
13.3 bring some of the most requested features, now our focus is shifting to performance, enhancing behaviors, and bugfixes.
We’re also still working on Mutations.
Next.js 13.3
◆ File-Based Metadata API
◆ Dynamic Open Graph Images
◆ Static Export for App Router
◆ Parallel Routes and Interception
44
296
1K
7
7
231
Incredibly excited to announce a new major version of Next.js!
We've been working on many optimizations simultaneously both to improve development speed and new APIs that improve loading performance for your end users.
Next.js 11 is here. Featuring:
Better DX:
◆ Faster dev
◆ Static image automation
Better UX:
◆ Image blur support
◆ Script optimization
◆ Conformance with ESLint
22
461
1K
6
12
231
Current status on `app` directory: includes 9.3kB less client-side JS than the `pages` directory.
Total first load: -9.3kB (-12.14%)
Next.js: -12kB (-56.79%)
React: +2.7kB (+5.22%)
This baseline doesn't increase whether you add 1 or 1000 Server Components to your app.
7
17
230
Just opened a PR to fix chokidar file watching hanging in certain cases on macOS 🚀
If you've recently experienced Next.js (or any other framework built on top of webpack) not recompiling after making a file change this could be related to it 👀
7
9
223
Next.js uses nanoid, it’s a really small library to generate random ids. In this case the random id started with “ad_” which is on the Adblock list as “/static/ad_”, likeliness that another id like that will be generated is very low. We’ve patched it to be sure!
6
18
222
Still super excited about the work the Google Chrome team is doing on Next.js
@stubbornella
did a talk on how Chrome is improving both production performance and DX around performance through frameworks like Next.js
Highly recommend watching:
2
42
221
I was just browsing the Nintendo site to see if there were new Switch games out.
Then I realized it's powered by Next.js 🤯🤯🤯
4
16
211
Awesome example of the UI that route interception in Next.js 13.3 enables.
There are a lot of small details:
◆ The page being rendered (modal) is a Server Component
◆ URL-addressable
◆ Back/forward navigation
◆ Loading UI while loading data
◆ Previous page below the modal
Intercepting routes in
@nextjs
13.3 🤯
You can "intercept" a dynamic navigation to a different page, and display something different instead—for example a product preview.
Then, when the page is refreshed or loaded anew, the regular page loads.
58
240
2K
4
13
213
📉 Size
Next.js 10.0.2: 96.5MB (only webpack 4)
Next.js 10.0.5: 80.0MB (only webpack 4)
Next.js 10.0.7: 65.7MB (webpack 4 + 5 included)
Next.js 10.0.8-canary.5: 39.9MB (webpack 4 + 5 included)
📉 Dependencies
Next.js 10.0.5: 424
Next.js 10.0.7: 253
Next.js 10.0.8-canary.5: 187
7
20
215
I'm super excited for Next.js conf!
Over 66,000 people have already received a free ticket. Get yours at
You can now join the Next.js Discord as well!
5
17
208
Thanks to amazing work from
@timer150
and
@_developit
Next.js does not bundle getStaticProps and getServerSideProps client-side allowing for direct database queries (if you want to) or reading the filesystem
Next.js 9.3 is very, very exciting 🤯
Who needs GraphQL when you can write SQL? 😈
98
310
2K
5
27
206
Next.js + best-in-class data libraries is looking great 🤩
Most exciting is that you can use any data fetching library that works in Node.js, giving you full flexibility 🚀
You can even use different libraries between pages
Woah 🤯 Next.js 9.3 with Prisma is incredible.
◆ `getStaticProps` allows for direct DB queries, only ran at build time – not even included in browser JS bundle
◆ Prisma provides type-safe access to SQLite
◆ Auto-generated based on DB schema
15
80
552
9
19
201
Next.js 9 is out now! 🤩
Next.js 9:
⬩ Built-in Zero-Config TypeScript Support
⬩ File system-Based Dynamic Routing
⬩ Automatic Static Optimization
⬩ API Routes
⬩ Improved DX
⬩ More Production Optimizations
⬩ Build Output Statistics
⬩ Google Chrome Collaboration
63
733
2K
19
42
195
The best part: this is only preliminary testing, the potential for even more optimization is there 🚀
~5.5x faster incremental builds coming. Unreal. Crazy epic work by
@timneutkens
and
@wsokra
24
40
703
4
6
193
Super interesting to follow the continued growth of Next.js in The Netherlands. So many well-known brands:
Marktplaats, Corona Dashboard (Rijksoverheid), TicketSwap, Blendle, Pearle, Leenbakker, Auping, BNNVARA, United Wardrobe, Werkspot, Kijk (Talpa), Dopper, RTL XL
16
5
190
I'm super excited about the upcoming features that we're working on together with the Google Chrome team. Really enjoying working with
@atcastle
,
@_developit
,
@stubbornella
,
@shubhie
,
@Janicklas
,
@_prateekbh
,
@hdjirdeh
, and
@devknoll
🤩
Next.js 9.1:
⬩ `src` Directory Support
⬩ `public` Directory Support
Preview features:
⬩ Built-in CSS Support
⬩ Static Error Pages
⬩ Module / Nomodule
⬩ Improved Bundle Splitting
11
125
561
4
13
192
New Next.js RFC: Changing the default output target to ESModules
Sharing our plan for moving the targeted browsers while providing backwards compatibility for applications that need to support older browsers.
5
19
188
Sorry to hear you're running into issues
@flybayer
@TejasKumar_
. Please give me access to your repository.
I'll do all this for free:
◆ Upgrade your application to Next.js 14
◆ Share why your app had trouble upgrading publicly
◆ I'll investigate the memory usage how/why
10
6
189