SSR решает главную проблему клиентов — скорость и SEO
Большинство клиентов приходят с одной из двух проблем: «Сайт медленно грузится» или «Нас нет в поиске». React-приложение на CSR отдаёт пустой HTML — поисковику нечего индексировать. SSR в Next.js решает оба вопроса.
| Метрика | До (CRA/Vite) | После (Next.js) |
|---|---|---|
| LCP | 4.2 сек | 1.1 сек |
| FID / INP | 280 мс | 45 мс |
| CLS | 0.35 | 0.02 |
| PageSpeed | 41 | 94 |
App Router меняет архитектуру
С App Router каждый компонент по умолчанию серверный. Это означает: нет лишнего JS на клиенте, страница начинает отрисовываться до получения всех данных (streaming), формы отправляются без отдельного API endpoint (Server Actions).
Для лендингов это особенно важно: 80% контента статично. Зачем тащить его в клиентский bundle?
ISR для блогов и каталогов
Incremental Static Regeneration — тихий герой. Страница статична (быстро), но обновляется по таймеру. Для блога настраиваю revalidate: 3600. Контент обновляется раз в час, скорость — как у статики.
Почему не Astro / Remix / Vite?
- ◆Vite — отличный инструмент, но нет встроенного роутинга и SSR из коробки
- ◆Remix — сильная альтернатива, но меньше экосистема и сложнее найти разработчика
- ◆Astro — хорош для чисто контентных сайтов, плохо масштабируется при добавлении интерактивности
- ◆Next.js — разумный дефолт с огромной экосистемой, отличной документацией и активным сообществом
Нужно что-то похожее?
Обсудим вашу задачу — отвечу в течение часа.