Цього тиждня Vercel анонсували вихід Next.js 12 Що саме змінилося:
1 - Rust Compiler
Next.js використовував Babel для конвертації коду написанного з використанням останніх JS фітч в код якi могли виконувати старі браузери.
Rust робить те саме але швидше. Тому Next.js 12 швидше у розробці і білдиться швидше.
2 - Middleware
- В вас є сторінка `pages/hello.tsx`.
- Ви відправляєте запит на `hello`.
- До того як запит досягає `../hello`, pages/_middelware.ts` каже чекай но.
Мені потрібно де-що перевірити, змінює чи додає до цього запиту.
3 - AVIF images
Менші зображення коли використовується
компонент.
4 - ES modules
Ви використовували 'import from' раніше? Це з ES Modules Standard і тепер працює скрізь. Також пакети тепер меньших розмірів.
5 - URL Imports
Ви знаєте як ви можете '
'
не копіюючи зображення в ваш додаток? Ви тепер можете робити те саме з пакетами та компонентами.
import { Component } from "http://the-internet.com"
6 - Server Components
Традиційний React
- CSR
Browser: Хей Сервер дай мені дані і я відрендерю HTML та компоненти.
Сервер рендеринг
- SSR
Browser: Хей Сервер дай мені дані та HTML, я відрендерю компоненти.
Сервер компоненти
- RSC
Browser: Хей Сервер дай мені дані та компоненти.
7 - Edge Functions
CDN: Щоб зробити ваш додаток швидким, статичні компоненти (HTML та картинки) скопійовані на сервери навколо світу (ближче до користувачів).
Edge Functions: Тепер ваші serverless функції також скопійовані на сервери навколо світу (ближче до користувачів).
Подивитись на анонс змін можливо за посиланням: nextjs.org
