У разных проектов разные потребности. В этой статье рассмотрим три возможных решения для хостинга для Next.js: Vercel, Netlify и Heroku.
Versel
Созданный основателями Next.js, Vercel был построен с учетом этой технологии. В результате это отличный вариант для разработчиков Next.js. Такие крупные компании, например, Uber и Auth0, выбирают именно этот вариант.
Особенности
Наиболее очевидным плюсом является поддержка Incremental Static Regeneration. Позволяет создавать или обновлять статические страницы после того, как вы уже создали свой сайт.
Удобный деплой, если вы пользуетесь GitHub, GitLab или Bitbucket. А вы точно, что-то из этой троицы используете, куду сегодня без них. Просто подключаете свою учётную запись и импортируете репозиторий. После чего вы можете настроить автоматический деплой. Это значит, что каждый раз, когда вы измените свой код в ветке, проект автоматически перестроится и деплой выполнится снова.
Versel предлагает несколько удобных функций. Например, режим предварительного просмотра. Поможет посмотреть, как будет выглядеть и работать ваше приложение уже после деплоя.
Есть и аналитика, подобная Lighthouse. Оценит ваш сайт по 100 показателям. В числе которых и время первой отрисовки. На бесплатном тарифе можно подключить только на один проект. Также бесплатно получите SSL и возможность настраивать пользовательские домены.
Подробнее почитать можно тут.
Netlify
Еще один интересный вариант развертывания вашего проекта на Next.js — Netlify. Как и Vercel, этот хостинг-провайдер предлагает поддержку Incremental Static Regeneration и поддерживает автоматический деплой с подключением репозитория на GitHub, GitLab или Bitbucket.
Есть интеграция со сторонними плагинами и приложениями, например, MailChimp, Zendesk и др.
Еще одна интересная функция, пока еще находящаяся в стадии бета-тестирования, — это сплит-тестирование. Благодаря этому разработчики могут проводить A/B-тестирование своего продукта.
В отличие от Vercel, в бесплатном плане разрешены коммерческие проекты. Из недостатков можно отметить, что аналитика является платной функцией и начинается от 9 долларов в месяц и нет возможности работы с базами данных.
Подробнее почитать можно тут
Heroku
Популярное решение среди разработчиков и стартапов. Не создан для Next.js, но есть встроенный пакет.
Деплой на Heroku довольно прост. С интерфейсом командной строки Heroku вы можете развернуть проект с помощью нескольких команд. Кроме того, как и во многих решениях для хостинга, вы можете настроить свою учетную запись GitHub/Bitbucket/GitLab и настроить автоматическое развертывание. Для проектов Next.js вам потребуется дополнительный шаг настройки для привязки вашего порта.
Позволяет работать с Postgres и Redis. Если ищете универсально решение, Heroku — станет отличным вариантом.
Но есть и недостатки. Heroku запустит ваш проект как приложение на Node.js. В результате вы потеряете некоторые из интересных функций Next.js, такие как Incremental Static Regeneration. Аналитика заменена метриками. Например, можно посмотреть время отклика и использованием памяти (но доступно только на платных тарифах).
Заключение
Мы рассмотрели три хостинговых решения для Next.js: Vercel, Netlify и Heroku. Если этих решений мало, то можно попробовать Cloudflare Pages (про деплой для Next.js можно почитать тут) и AWS Amplify, документация тут.
В конце концов, волшебного решения нет. Платформ, которую вы решите использовать, будет сильно зависеть от вашего проекта и его задач.
📌 Понравилась статья? Ставьте лайк и не забудьте подписаться, впереди ещё много полезного и интересного.