Don't miss Vue.js Amsterdam in March 2025! Save 10% with code NUXT.
55.3K
Развернуть

NuxtHub

Разверните свое Nuxt приложение на глобальных серверах вашего аккаунта Cloudflare c нулевой конфигурацией.
Нулевая конфигурация ✨
Интеграция с NuxtHub возможна с нулевой конфигурацией, узнать больше.

Введение

NuxtHub - это платформа развертывания и администрирования для Nuxt, работающая на базе Cloudflare.

Основное отличие от развертывания Cloudflare заключается в том, что NuxtHub обеспечивает развертывание с нулевой конфигурацией (инициализация, развертывание и администрирование).

Он также предоставляет мощный интерфейс администратора для управления вашими проектами Nuxt (базами данных, блобами, KV, ...), а также удаленным хранилищем.

Подробнее на hub.nuxt.com.

NuxtHub CLI

Вы можете развернуть свой локальный проект с помощью одной команды:

Terminal
npx nuxthub deploy

Далее:

  1. Убедитесь, что вы авторизованы на admin.hub.nuxt.com
  2. Свяжите ваш локальный проект с проектом NuxtHub или помогите создать новый
  3. Соберите ваш проект Nuxt с правильным пресетом
  4. Разверните его на вашем аккаунте Cloudflare со всеми необходимыми ресурсами
  5. Предоставьте вам URL-адрес для доступа к вашему проекту

Смотрите пример на видео:

Вы также можете установить NuxtHub CLI глобально с помощью: npm i -g nuxthub.
Если вы выполните первое развертывание с помощью NuxtHub CLI, то впоследствии не сможете прикрепить свой репозиторий GitHub/GitLab из-за ограничения Cloudflare.

Развертывание с помощью Git

  1. Поместите код в свой git-репозиторий (GitHub или GitLab).
  2. Нажмите на New Project, затем Import a Git repository.
  3. Выберите свой репозиторий и нажмите Импортировать репозиторий.
  4. NuxtHub настроит ваш проект на Cloudflare Pages и развернет его
  5. Ваше приложение будет развернуто с доменом .nuxt.dev.

После того как ваш проект был импортирован и развернут, все последующие изменения в ветках будут генерировать предварительные развертывания, а все изменения, внесенные в продакшен ветку (обычно «main»), приведут к развертыванию на продакшене.

Шаблоны

Hello Edge

Минимальный стартер Nuxt, работающий на edge.

NuxtHub Starter

Стартовая программа для начала работы с функциями NuxtHub (база данных, блобы, KV, ...).

Atidone

Full-stack приложение с аутентификацией и базой данных для управления вашими Todos.

Галерея изображений Nuxt

Галерея изображений, позволяющая загружать, редактировать и делиться своими изображениями со всем миром.

Atinotes

Редактируемый сайт на основе компонентов Markdown и Vue с динамической генерацией изображений OG.

Atidraw

Веб-приложение, позволяющее рисовать и делиться своими рисунками со всем миром, с Cloudflare R2 & AI.

Посмотреть весь список шаблонов можно на https://hub.nuxt.com/templates

Netlify

Разверните ваше приложение Nuxt на Netlify инфраструктуре.

Vercel

Разверните ваше приложение Nuxt на Vercel инфраструктуре.