The React Framework – created and maintained by @vercel.
- Tweets 339
- Following 15
- Followers 287,899
- Likes 215
Next.js 13.1 includes a new configuration option to convert imports for barrel files into their direct path.
Learn more from @leeerob in this 2-minute demo.
nextjs.org/13-1
36
161
1,425
189,393
Next.js retweeted
Next.js 13.1
◆ `app` Directory (Beta): Improved DX and reliability
◆ Turbopack (Alpha): Tailwind CSS, error overlay, `next/image`
◆ Middleware: Return `Response` and set `Request` headers
◆ Edge API Routes (Stable): Lighter, Web-standard runtime
nextjs.org/13-1
31
174
1,039
207,490
We've updated `create-next-app` with a new look.
Try it out today → vercel.fyi/nextjs-template
29
89
991
172,153
Next.js retweeted
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
252
Next.js retweeted
We migrated BBC's simorgh app to @nextjs:
◆ HMR: 1.3s to 131ms (10x faster)
◆ Network requests: 57 to 34 (🔻40%)
◆ 20,000 LOC removed and 30 fewer deps (🤯)
vercel.com/blog/migrating-a-…
14
65
494
Finally, we've created a new Next.js template to showcase photos from Next.js Conf.
Check out the photos or clone and deploy your own version to take advantage of Next.js 13.
So many excellent details on this website
◆ Image placeholders, lazy loading, optimization
◆ Keyboard support
◆ Carousel sliding updates page scroll upon return 🤯
◆ Parallel routes with direct URLs (e.g.: `/p/2`)
And it's open source of course 🥲
nextjsconf-pics.vercel.app
2
76
We've also decreased the client-side JavaScript baseline in `app` compared to `pages`.
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.
1
1
51
Next.js now includes a TypeScript plugin by default.
Next.js 13 comes with a new TypeScript plugin.
We're bringing in-context docs right into your editor and helping surface errors before you even hit save.
Excellent work by the illustrious @shuding ✨
2
1
61
`app` directory improvements:
◆ `never` return type for `redirect()` and `notFound()`
◆ Improved CSS modules support
◆ `head.js` is applied to client-side navigations
◆ `cache()` and `fetch()` now correctly de-dupe requests in layouts and pages
beta.nextjs.org/docs
1
1
54
General improvements:
◆ @next/font now supports multiple font weights
◆ Further minification improvements with `swcMinify`
◆ Built-in transpilation of packages, now close to replacing `next-transpile-modules`
These apply to both `pages` and `app` directories.
3
2
67
We've been rapidly improving Next.js with six new patch releases in the past month.
Here are some of the impactful changes to both the `pages` directory (stable) and the `app` directory (beta) in recent releases ↓
7
64
707
Next.js retweeted
So many excellent details on this website
◆ Image placeholders, lazy loading, optimization
◆ Keyboard support
◆ Carousel sliding updates page scroll upon return 🤯
◆ Parallel routes with direct URLs (e.g.: `/p/2`)
And it's open source of course 🥲
nextjsconf-pics.vercel.app
24
58
572
Next.js retweeted
Nextra 2.0 is here:
🔹 Redesigned UI
🔹 Image optimization
🔹 Built-in full-text search
🔹 Build-time code highlighting
🔹 MDX v2
🔹 Next SEO
🔹 Multiple docs zones
🔹 Menus and separators
🔹 ...
nextra.site
20
113
778
Take the State of JavaScript 2022 survey, built with @nextjs and @vercel.
vercel.fyi/state-of-js-2022
16
92
Next.js retweeted
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.
6
17
220
Next.js retweeted
Reduced @nextjs publish times by 80% last night (over 1 hour to now 15 minutes).
Using @rustlang more has increased publish times. We started using @vercel Remote Cache + @turborepo for reliable, consistent cache hits.
Expect even more frequent Next.js canaries!
ALT Line chart showing Next.js publish times reducing from an average of 75 minutes to 15 minutes after leveraging Turborepo and Vercel Remote Cache
16
28
353
Next.js retweeted
Next.js 13 comes with a new TypeScript plugin.
We're bringing in-context docs right into your editor and helping surface errors before you even hit save.
Excellent work by the illustrious @shuding ✨
52
238
2,132
Next.js retweeted
Check out the new payloadcms.com
From idea to live in 20 days, built on Next.js 13's /app directory and deployed to @vercel
18
95
712