Подобно AngularJS, Vue.js не является «полноценной структурой» - он разработан как уровень представления, который является простым и гибким для приложений и веб-сайтов, модель данных которых проста и более точно соответствует модели уровня представления приложения.

В этом блоге я продемонстрирую, как установить и развернуть веб-сайт Vue.js, созданный с использованием Nuxt.js, Node.js и Cosmic JS. Приложение было адаптировано Себастьяном Шопеном с сайта Next.js от Cosmic JS. Код распределяется между клиентом и сервером, что упрощает разработку. Добавьте контент на основе Cosmic JS, и вы поднимете свой сайт на уровень Nuxt.js.

Я буду использовать Cosmic JS для этого примера блога. Cosmic JS - это CMS, ориентированная на API, которая делает управление и создание веб-сайтов и приложений более быстрым и интуитивно понятным. Отсоединяя контент от кода, Cosmic JS дает разработчикам гибкость, гарантируя, что редакторы контента могут планировать и развертывать контент так, как им лучше всего. Мы будем использовать Cosmic JS для установки нашего примера приложения, развертывания и обновления контента, продвигаясь с облачной платформы управления контентом.

Страница веб-сайта Nuxt.js
Демонстрация веб-сайта Nuxt.js
Кодовая база веб-сайта Nuxt.js на GitHub

1. Создайте новую корзину

Имя вашего сегмента - это имя вашего веб-сайта, проекта, клиента или веб-приложения, которое вы создаете.

2. Установите сайт Cosmic JS Nuxt.js.

После того как вы зарегистрируетесь и дадите название своей корзине, вам будет предложено начать с нуля или установить приложение. В этом блоге я просто нажал кнопку «Приложения», чтобы начать процесс установки веб-сайта Nuxt.js.

Cosmic JS дает вам возможность фильтровать языки программирования, такие как Node.js, PHP, React, AngularJS и другие.

3. Разверните в Интернете

Я щелкнул Развернуть в Интернете. Затем я могу редактировать объекты во время развертывания моего веб-приложения. Вы получите электронное письмо с подтверждением развертывания вашего веб-приложения. Если вы столкнетесь с какими-либо проблемами во время развертывания, вы можете быть перенаправлены на страницу устранения неполадок Cosmic JS.

Подтвердите расположение и ветку развертывания

Это так же просто, как зарегистрироваться, создать новую корзину, установить веб-приложение (я), отредактировать объекты и развернуть! Я получаю письмо с подтверждением доступа к моему веб-приложению, а также вижу свои варианты обновления корзины, такие как пользовательские домены, SSL одним щелчком мыши, веб-перехватчики и локализация.

Cosmic JS - это первая облачная платформа управления контентом на основе API, которая упрощает управление приложениями и контентом. Если у вас есть вопросы о Cosmic JS API, обращайтесь к основателям в Twitter или Slack.

Карсон Гиббонс является соучредителем и директором по маркетингу Cosmic JS, облачной Платформы управления контентом на основе API, которая отделяет контент от кода, позволяя разработчикам создавать удобные приложения и веб-сайты на любом языке программирования, который они хотят.

Хакерский полдень - это то, с чего хакеры начинают свои дни. Мы часть семьи @AMI. Сейчас мы принимаем заявки и рады обсуждать рекламные и спонсорские возможности.

Если вам понравился этот рассказ, мы рекомендуем прочитать наши Последние технические истории и Современные технические истории. До следующего раза не воспринимайте реалии мира как должное!