Next.js - React фреймворк

Термины:

• React.js – JavaScript-библиотека для создания пользовательских интерфейсов;
• Typescript – Типизированный язык программирования, созданный на основе JavaScript;
• SEO(Search Engine Optimization) — это оптимизация для поисковых систем.

Что такое Next.js фреймворк

Next.js - это фреймворк с открытым исходным кодом, основанный на React.js, который позволяет быстро создавать веб-приложения с поддержкой SSG, SSR, CSR, Typescript, предзагрузкой роутов и многого другого.

Плюсы:

• Next.js позволяет создавать очень быстрые сайты;
• Оптимизация для поисковых систем(SEO) при помощи встроенных инструментов;
• Поддержка современных форматов файлов изображений, таких как webp и avif. Из коробки настраивает изображения с помощью библиотеки Sharp, что приводит к меньшим размерам файлов и более высокой скорости загрузки веб-сайта;
• i18n - Интернационализация и локализация;
• Поддерживает функции экспорта статических сайтов;
• Легко создавать внутренние API-интерфейсы;
• Встроенная поддержка маршрутизации страниц, CSS, JSX и TypeScript;
• Все преимущества React.js такие, как интуитивно понятное создание на основе компонентов, интерфейсная система состояний и т.д.;
• Высокая популярность.

Минусы:

• Next.js загружает JavaScript после HTML, до этого страница будет оставаться не интерактивной. Но даже так Next.js загрузит сначала минимально необходимый JavaScript, а потом уже — весь остальной.
• Необходимо больше серверных ресурсов, т.к. Next.js формирует HTML на стороне сервера перед отправкой его клиенту.

Этому фреймворку доверяют многие компании по всему миру, такие как Uber, Netflix, GitHub, а Vercel(Разработчики Next.js) предлагает удобную инфраструктуру для деплоя веб-приложений. Так что можно с уверенностью сказать, что его стоит использовать для продакшена.