Learn Nuxt with a Collection of 100+ Tips!
54K
Развернуть

NuxtHub

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

Introduction

NuxtHub is a deployment and administration platform for Nuxt, powered by Cloudflare.

The main difference with the Cloudflare deployment is that NuxtHub provides a zero-configuration deployment experience (provisioning, deployment, and administration).

It also provides a powerful admin interface to manage your Nuxt projects (database, blob, KV, ...) as well as remote storage.

Read more on hub.nuxt.com.

NuxtHub CLI

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

Terminal
npx nuxthub deploy

Далее:

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

See an example in video:

Вы также можете установить NuxtHub CLI глобально с помощью: npm i -g nuxthub.
If you do your first deployment with the NuxtHub CLI, you won't be able to attach your GitHub/GitLab repository later on due to a Cloudflare limitation.

Deploy using Git

  1. Push your code to your git repository (GitHub or GitLab)
  2. Click on New Project then Import a Git repository
  3. Select your repository and click on Import repository
  4. NuxtHub will configure your project on Cloudflare Pages and deploy it
  5. Your application is deployed with a .nuxt.dev domain

After your project has been imported and deployed, all subsequent pushes to branches will generate preview deployments and all changes made to the production branch (commonly “main”) will result in a production deployment.

Шаблоны

Hello Edge

A minimal Nuxt starter running on the edge.

NuxtHub Starter

A starter to get started with NuxtHub features (Database, Blob, KV, ...).

Atidone

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

Nuxt Image Gallery

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

Atinotes

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

Atidraw

Web application that lets you to draw and share your drawings with the world, with Cloudflare R2 & AI.

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

Netlify

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

Vercel

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