Next.jsの今年一年を振り返る

めぐろLT #10 -LT忘年会2023-に登壇した際に利用したスライドです。

Transcript

1. めぐろLT #10 -LT忘年会2023- Next.jsの今年一年を振り返る hanetsuki
2. 自己紹介 hanetsuki 　 @hantsuki_dev #TypeScript　#Next.js　#AB型　#2児の父　#日本酒　 #アニメ・エンタメ　#イラスト　#漫画　#ゲーム フロントエンド領域を主戦場とし、 浅く広くWEBエンジニアをやってます。 今朝LTに申し込みました。対戦よろしくお願いします。
3. 5分という短い時間なのでさまざまな説明を省きます。 わからないところがあったら懇親会で聞いたり、興味があるところは是非ググってください。
4. Next.jsってナンジャイ Next.jsはサンフランシスコに本社を構えるVercel社が提供している React系のOSSフロントエンドフレームワークです。 というインフラサービス上で動かすことで最大限のパフォーマ ンスを発揮します。 今フロントエンド界隈で流行ったフレームワークです。 Vercel
5. 今年の を一言で振り返るなら Next.js
6. AppRouterの襲来
7. 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)
8. Â AppRouterをベースとしたいろんな機能がリリースされました# Â Vercelでしか動かない機能がまだまだいっぱいある# Â 開発者を飽きさせないリリース内容がいっぱい# Â 来年も楽しみです。 まとめ
9. ご清聴ありがとうございました