Next.js Conf is less than 30 days away. Have you claimed your free ticket? Join our limited release of in-person tickets to Next.js Conf—San Francisco. Tickets drop in 30 minutes.

vercel.fyi

Next.js Conf 2022

The global user conference for Next.js. An online experience developers love.

119

Learn Next.js with our free courses: Foundations ◆ JavaScript to React ◆ React to Next.js ◆ How Next.js works Create Your First App ◆ Styling Pages ◆ Data Fetching ◆ API Routes ◆ Deploying SEO ◆ Crawling and Indexing ◆ Core Web Vitals

nextjs.org

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

122

658

The Verge: new version built with

@nextjs

@vercel

, and

@tailwindcss

🔥 theverge.com

read image description

ALT

185

2,078

After 10 years as a monolith,

now runs on

, and

. In a month, we've had: - 15% increase in SE traffic - 75% increase in "good" mobile pages via

@googlesearchc

- 59.9% increase in paid signups Big thanks to

@rauchg

and

@taylorotwell

🤘🏾

138

Next.js

@nextjs

Sep 8

In Next.js 12.3, adding `.ts` files while running `next dev` or `next build` automatically installs any necessary TypeScript dependencies.

0:21

2.1K views

131

In Next.js 12.3, changes to configuration files like `.env` and `.tsconfig.json` will not require restarting your local development server.

0:22

3.7K views

186

Next.js 12.3 is here. `npm i next@latest`

Quote Tweet

Vercel

@vercel

Sep 8

Next.js 12.3: ◆ Improved Fast Refresh ◆ TypeScript Auto-Install ◆ New Router + Layouts Update ◆ New Image Component (Stable) ◆ SWC Minification (Stable) nextjs.org/12-3

Show this thread

315

Join the community and speak at Next.js Conf. CFP is open until September 16: vercel.link/cfp

nextjs.org

Next.js Conf 2022

The global user conference for Next.js. An online experience developers love.

124

Migrating a custom React + Express app to Next.js: ◆ 41.6% improvement in loading speed ◆ Removed half of the loading screens, reducing client JS ◆ Redux → React Query ◆ React Router → Next.js Great post on incrementally adopting

@nextjs

👏

blog.benchsci.com

Moving House to Next.js

Learn how our engineering team managed the migration of our flagship product from JavaScript to Next.js without sacrificing the user experience

761

🎟今年も #nextjsconf を開催します！無料チケットはこちら→ nextjs.org/conf 🤗登録後に遊べる、WebGLを使ったミニゲームが楽しいのでぜひプレイしてみてください！ちなみに私はゲーム以外の開発にコアメンバーとして参加しました。 ✨また今回、

@nextjs

のロゴもリニューアルされました！

read image description

ALT

Quote Tweet

Vercel

@vercel

Sep 2

Announcing Next.js Conf. Claim your ticket to build the future with @reactjs and @nextjs. nextjs.org/conf/?d=oct2022

Show this thread

Today, we're also unveiling the new

@nextjs

logo.

0:06

70.8K views

244

1,556

Announcing Next.js Conf. Claim your ticket to build the future with

and

The global user conference for Next.js. An online experience developers love.

307

1,328

With 91,700 stars,

just passed Kubernetes 😮

read image description

ALT

Vercel

145

1,518

Next.js 12.2.3 69 patches, 13 documentation changes, and 15 examples updated. Thank you to the 36 contributors for this patch release. github.com/vercel/next.js

Quote Tweet

Next.js

@nextjs

Jul 8

Next.js 12.2.1 We've patched 45 bugs, 16 documentation changes, and updated 18 examples. github.com/vercel/next.js

217

Next.js

@nextjs

Jul 20

6/ We're actively working on implementing the new router. For more information, check out the original RFC.

nextjs.org

Layouts RFC

Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.

230

5/ On navigation, the “payload” for Server Components is stored in the client-side cache. ◆ Soft pushes don’t refetch from the server, making navigation instant ◆ Hard pushes invalidate the “slice” of data from the server, allowing you to get fresh data

116

4/ Optimistic loading states using server routing. When loading UI is provided, navigation is instant and can be shown immediately while a request is made to the server. Otherwise, transitions will suspend with `startTransition`. Pages remain interactive during transitions.

0:13

10.6K views

155

3/ Layouts can be nested and shared across routes. On navigation, layouts do not re-render, meaning they preserve state and remain interactive. This enables developers to more easily build complex application layouts and more ergonomically handle success/error/loading states.

152

2/ This new router stands on the shoulders of React 18: ◆ Pages and Layouts are Server Components by default, sending less code to the client ◆ Interfaces are non-blocking and can be interrupted if higher priority work happens like transitions

178

1/ Update on the new Next.js router, with support for nested layouts and React Server Components. This is the biggest update to Next.js since it was released and incorporates many features from React 18. We made a quick demo to show some of the features.

0:16

126.1K views

682

3,480

We've improved our documentation of accessibility features in Next.js: ◆ Provide page names to screen readers and assistive technologies for client-side navigations ◆ ESLint default accessibility rules ◆ Disable JavaScript with an experimental flag

nextjs.org

Accessibility | Next.js

Learn about the built-in accessibility features of Next.js.

244

Next.js

@nextjs

Jul 8

Next.js 12.2.1 We've patched 45 bugs, 16 documentation changes, and updated 18 examples.

github.com

Release v12.2.1 · vercel/next.js

Core Changes Remove unused layoutRaw config: #38120 Fix invalid config warning for runtime config: #38122 fix(next/config): update default config for the experimental: #38123 feat(next/swc): setup...

345

3,131

Since switching my personal site from Jekyll on Github to Next.js on

@vercel

, I've hit perfect core web vitals Static site rendering for the win, now I have to actually figure out the rest of SEO *chef's kiss*

131

We're live on Product Hunt! Big thanks to

@rauchg

for hunting us. 🙏 Makeswift 2.0 is made for the

@nextjs

community. We can't wait to see what you build!

producthunt.com

Makeswift - Product Information, Latest Updates, and Reviews 2022 | Product Hunt

No-code website builder with the power & detail of a design tool ⠀

Say goodbye to rigid templates to let your creativity come to life ⠀

Collaborate in real time with your team ⠀

...

115

715

Next.js 12.2: ◆ Middleware: Dynamic routing for your entire app ◆ On-Demand ISR: Update content without redeploying ◆ Edge Runtime (Exp): API Routes and SSR based on Web standards ◆ `next/image` (Exp): Faster & more flexible new version

nextjs.org

Next.js 12.2

Next.js 12.2 introduces stable Middleware and On-Demand ISR, experimental Edge SSR and API Routes, and more!

597

2,035

I recently helped build mongodb.vercel.app, which was featured at the keynote of MongoDB World. It's a developer directory built on

@Nextjs

@MongoDB

and

@Vercel

. Here's a full breakdown of how we built it:

mongodb.vercel.app

MongoDB Starter Kit

MongoDB Starter Kit built with Next.js, Vercel, and MongoDB Atlas.

392

Szactrl.com released today, built with Next.js and Vercel.

170

New sites using Next.js: ◆ target.com ◆ m.tiktok.com ◆ finder.porsche.com ◆ jobs.redbull.com ◆ nintendo.com ◆ producthunt.com ◆ ted.com ◆ gopro.com

nextjs.org

Showcase | Next.js

Meet hundreds of beautiful websites powered by Next.js by Vercel

867

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

nextjs.org

Layouts RFC

Nested routes and layouts, client and server routing, React 18 features, and designed for Server Components.

614

2,117

📣 The Next.js router is getting a major upgrade! ◆ Nested routes / layouts ◆ Client and server routing ◆ React 18 features – startTransition, Suspense ◆ Designed for Server Components ◆ 100% incrementally adoptable 🤯 Expect an RFC very soon 👀

101

810

4,723

Redditor explains why

@nextjs

is the right choice for *all* kinds of frontends, including dashboards, across all platforms 🥹 reddit.com/r/nextjs/comme

895

`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: github.com/vercel/next.js

344

2,208

Excited about what this unlocks for Next.js. More soon! 🚀

Quote Tweet

React

@reactjs

Mar 29

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. reactjs.org/blog/2022/03/2

Show this thread

580

Start your React and Next.js journey with our new foundations course – for free.

nextjs.org

Learn | Next.js

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more.

277

1,250

Next.js 12.1: ◆ On-demand Incremental Static Regeneration ◆ SWC support for styled-components, Relay, and more ◆ Zero-configuration Jest support ◆ ~80% smaller Docker images when self-hosting ◆ Next.js Developer Survey