Перейти к содержанию

Next.js

Эта статья находится на начальном уровне проработки, в одной из её версий выборочно используется текст из источника, распространяемого под свободной лицензией
Материал из энциклопедии Руниверсалис
Логотип Next.js

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

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

Next.js похож на фреймворк Nuxt.js, который базируется на Vue.js так же, как Next.js — на React[1].

Server Side Rendering

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

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

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

Примечания

  1. Официальный сайт: https://nextjs.org/
  2. Плюсы Server Side Rendering: https://medium.com/walmartglobaltech/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8

Ссылки

  1. ↑ Nuxt.js First Public Release (англ.). Npm. Дата обращения: 23 марта 2017.
  2. ↑ Alex Grigoryan. The Benefits of Server Side Rendering Over Client Side Rendering (англ.). Medium (17 апреля 2017). Дата обращения: 11 июля 2021. Архивировано 2 октября 2021 года.

Литература

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