The React Framework – created and maintained by @vercel.
- Tweets 339
- Following 15
- Followers 287,695
- 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
155
1,420
189,384
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
87
993
172,146
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
251
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
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
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
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
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
779
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
239
2,131
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
714