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

Nuxt.js

Эта статья была переведена из источника, распространяемого под свободной лицензией, и находится на начальном уровне проработки
Материал из энциклопедии Руниверсалис
Nuxt.js
Логотип программы Nuxt.js
Тип библиотека JavaScript
Автор Александр Шопен, Себастьен Шопен, Пуйя Парса
Написана на JavaScript
Первый выпуск 26 октября 2016; 9 лет назад (2016-10-26)[1]
Аппаратная платформа кроссплатформенная
Лицензия MIT[2]
Сайт nuxt.com

Nuxt.js (или просто Nuxt) — бесплатная библиотека JavaScript с открытым исходным кодом, основанная на фреймворке Vue.js, платформе Node.js, сборщике Vite (ранее — Webpack) и транспайлере Babel.js.

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

Nuxt.js позиционируется как «мета-фреймворк для универсальных приложений» (англ. Meta-framework for universal applications). Термин «универсальный» в данном случае означает, что целью фреймворка является предоставление пользователям возможности создавать веб-интерфейс, который может функционировать как одностраничное приложение (SPA) в браузере или как полноценное SPA, но после рендеринга на стороне сервера и «гидратации[англ.]»[4][5]. Фреймворк может работать как генератор статических веб-сайтов[англ.] и предоставлять полностью (или частично) отрисованные на сервере страницы.

Среди преимуществ этого подхода в сравнении с одностраничными приложениями:

  • сокращение времени, требуемого на отрисовку страниц,
  • улучшение SEO.

Сокращение времени обеспечивается за счёт того, что веб-сервер генерирует страницы до выполнения любого кода JavaScript на стороне пользователя. При этом данное преимущество совмещается с улучшенной интерактивностью и расширенным пользовательским интерфейсом SPA. Основное преимущество фреймворка Nuxt.js заключается в том, что он упрощает настройку таких приложений, позволяя разработчикам создавать отдельные части пользовательского интерфейса, как если бы это было обычное одностраничное приложение на Vue.js.

Примечания

  1. Nuxt.js First Public Release. Npm.
  2. nuxt.js/LICENSE.md. GitHub. Дата обращения: 18 июня 2018. Архивировано 18 июня 2018 года.
  3. Nuxt.js First Public Release (англ.). Npm. Дата обращения: 23 марта 2017.
  4. Omole, Olayinka Nuxt.js: A Universal Vue.js Application Framework (англ.) ?. Sitepoint (March 18, 2019). Дата обращения: 18 июня 2020.
  5. Berning, Dave Getting Started with Server-Side Rendering Using Nuxt.js. Alligator.io (16 апреля 2018). Дата обращения: 2 июля 2018.

Ссылки