Slide 1

Slide 1 text

めぐろLT #10 -LT忘年会2023- Next.jsの今年一年を振り返る hanetsuki

Slide 2

Slide 2 text

自己紹介 hanetsuki   @hantsuki_dev #TypeScript #Next.js #AB型 #2児の父 #日本酒  #アニメ・エンタメ #イラスト #漫画 #ゲーム フロントエンド領域を主戦場とし、 浅く広くWEBエンジニアをやってます。 今朝LTに申し込みました。対戦よろしくお願いします。

Slide 3

Slide 3 text

5分という短い時間なのでさまざまな説明を省きます。 わからないところがあったら懇親会で聞いたり、興味があるところは是非ググってください。

Slide 4

Slide 4 text

Next.jsってナンジャイ Next.jsはサンフランシスコに本社を構えるVercel社が提供している React系のOSSフロントエンドフレームワークです。 というインフラサービス上で動かすことで最大限のパフォーマ ンスを発揮します。 今フロントエンド界隈で流行ったフレームワークです。 Vercel

Slide 5

Slide 5 text

今年の を一言で振り返るなら Next.js

Slide 6

Slide 6 text

AppRouterの襲来

Slide 7

Slide 7 text

2022/10/25 Next.js 13 G app/ Directory (beta@ G Layout2 G React Server Component2 G Streamin' G Turbopack (alpha@ G New next/image (stable@ G New @next/font (beta@ G Improved next/link 2022/12/22 Next.js 13.1 G app Directory (Beta) Improvement2 G Built-in Module Transpilatio‡ G Edge Runtime (Stable@ G Turbopack Update2 G Middleware Improvement2 G SWC Import Resolution 2023/04/06 Next.js 13.3 G File-Based Metadata AP G Dynamic Open Graph Image2 G Static Export for App Routep G Parallel Routes and Interception 2023/09/19 Next.js 13.5 G 22% faster local server startu¦ G 29% faster HMR (Fast Refresh@ G 40% less memory usagº G Optimized Package Import2 G next/image Improvement2 G And over 438 bugs patched! 2023/02/23 Next.js 13.2 G Built-in SEO Suppor G Route Handler2 G MDX for Server Component2 G Rust MDX Parsep G Improved Error Overla G Statically Typed Links (Beta@ G Turbopack Improvements (Alpha@ G Next.js Cache (Beta) 2023/05/04 Next.js 13.4 G App Router (Stable@ G Turbopack (Beta@ G Server Actions (Alpha) 2023/10/26 Next.js 14 G TurbopacV G 53% faster local server startu¦ G 94% faster code update2 G Server Actions (Stable@ G Partial Prerendering (Preview@ G Next.js Learn (New)

Slide 8

Slide 8 text

 AppRouterをベースとしたいろんな機能がリリースされました#  Vercelでしか動かない機能がまだまだいっぱいある#  開発者を飽きさせないリリース内容がいっぱい#  来年も楽しみです。 まとめ

Slide 9

Slide 9 text

ご清聴ありがとうございました