Next.js против Gatsby против приложения create-react-app

create-react-appне помогает легко создать приложение, отрисовываемое на стороне сервера. Все, что с этим связано (SEO, скорость…), предоставляется только такими инструментами, какNext.jsиГэтсби.

Когда Next.js лучше Gatsby?

Они оба могут помочь срендеринг на стороне сервера, но двумя разными способами.

Конечным результатом использования Gatsby является генератор статических сайтов без сервера. Вы создаете сайт, а затем статически развертываете результат процесса сборки на Netlify или другом статическом сайте хостинга.

Next.js предоставляет серверную часть, которая может отображать ответ на запрос на стороне сервера, что позволяет вам создать динамический веб-сайт, что означает, что вы развернете его на платформе, которая может запускать Node.js.

Next.jsможеттакже создавать статический сайт, но я бы не сказал, что это его основной вариант использования.

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

Гэтсби также во многом основан наGraphQL, то, что вам действительно может понравиться или не понравиться, в зависимости от вашего мнения и потребностей.

Больше следующих руководств:

• Начало работы с Next.js
• Next.js против Gatsby против приложения create-react-app
• Как установить Next.js
• Связывание двух страниц в Next.js с помощью Link
• Динамический контент в Next.js с роутером
• Передача данных в компонент Next.js с помощью getInitialProps
• Стилизация компонентов Next.js с помощью CSS
• Предварительная загрузка содержимого в Next.js
• Использование роутера для обнаружения активной ссылки в Next.js
• Просмотрите источник, чтобы подтвердить, что SSR работает в Next.js
• Next.js: заполните тег заголовка настраиваемыми тегами
• Развертывание приложения Next.js прямо сейчас
• Next.js: запускать код только на стороне сервера или на стороне клиента в Next.js
• Развертывание приложения Next.js в рабочей среде
• Как анализировать пакеты приложений Next.js
• Ленивая загрузка модулей в Next.js
• Добавление компонента-оболочки в приложение Next.js
• Значки, добавленные Next.js в ваше приложение
• Пакеты приложений Next.js
• Как использовать маршрутизатор Next.js
• Как использовать маршруты API Next.js
• Как получить файлы cookie на стороне сервера в приложении Next.js
• Как изменить порт приложения Next.js