Interested Article - Next.js

Логотип Next.js

Next.js — открытый JavaScript фреймворк , созданный поверх React.js для создания веб-приложений , созданный компанией (ранее ZEIT). Фреймворк был предназначен для решения проблемы React.js , связанной с отрисовкой приложения на стороне сервера - SSR, также дополняет React.js удобными решениями по навигации (routing) между страницами с помощью файлового подхода (file-system based router). Работает на сервере и в браузере .

Был создан 25 октября 2016 года компанией (ранее ZEIT).

Server Side Rendering

Server Side Rendering (сокращенно SSR) — принцип веб-приложений, используемый Next.js, переводится с английского языка как «Отрисовка ( Рендеринг ) на стороне сервера». SSR Рендеринг помогает снизить нагрузку на устройство, которое использует приложение (например на сайте в браузере ), ведь большинство операций производимых в приложении, относящиеся к его отображению, происходит на сервере, а не на устройстве пользователя (телефоне, планшете, компьютере и т.п.).

SEO-оптимизация

SSR также улучшает SEO , так как в обычном подходе, который использует React (подход SPA ), все отрисовывается на стороне клиента (устройстве пользователя сайта ), поэтому код страниц подгружается когда пользователь заходит на страницу, но робот поисковых систем может только просмотреть изначальный код страницы, ещё не обработанный React . Next.js решает эту проблему.

Примечания

  1. Официальный сайт:
  2. Плюсы Server Side Rendering:

Ссылки

  1. Alex Grigoryan. (англ.) . Medium (17 апреля 2017). Дата обращения: 11 июля 2021. 2 октября 2021 года.

Литература

  • Коншин, К. (2018). Следующий. js Краткое руководство: рендеринг на стороне сервера выполнен правильно . Packt Publishing Ltd.
  • Таккар М. Далее. js // Создание приложений React с рендерингом на стороне сервера. — Апресс, Беркли, Калифорния, 2020. — С. 93-137.
  • Таккар М. Модульное тестирование с использованием Jest // Создание приложений React с рендерингом на стороне сервера. — Апресс, Беркли, Калифорния, 2020. — С. 153—174.
Источник —

Same as Next.js