Разработка лендингов, квизов
сайтов, web-приложений

Почему именно Next.js?

Современные сайты проектируются по принципу, вставил фреймворк, добавил кучу библиотек, дописал что-то свое и запустил. При этом каждый такой фреймворк или библиотека имеет довольно большой размер и это очень влияет на время загрузки страницы в браузер пользователя.

Если сайт довольно большой, то на одной страничке таких элементов может быть довольно много. И если такой сайт использовать в устройствах с довольно медленным интернетом (к сожалению реалии таковы, что быстрый интернет доступен не везде). То может доходить до того, что страничка вообще не загрузится.

Также скорость загрузки сайта очень сильно влияет на поисковую оптимизацию. Если к вам на страничку зашел робот гугл или яндекс для индексации вашей страницы и не дождался загрузки, то он выкинет этот сайт из индекса. И соответственно поиском его найти будет затруднительно.

Но технологии не стоят на месте и было придумано достаточно много инструментов для автоматического разделения кода. Одним из них является фреймворк Next.js.

Вот некоторые его преимущества:

  • Автоматическое разделение кода.

    Если на странице нет какого-то компонента, то его код даже не загружается в ваш браузер.

  • Дружествен для SEO.

    Все разработчики на React.js знают, что библиотека React.js исполняется в браузере. И все элементы DOM-дерева формируются на компьютере пользователя, и поисковые системы, которые не умеют исполнять ваш код, соответственно не смогут индексировать ваш сайт. Next.js генерирует страницы прямо на сервере, а это означает, что поисковым системам выдается уже готовая страница с текстами, которые уже могут проиндексировать поисковые роботы.

(продолжение следует)

  • next.js
  • фреймворк