AgencyOS — это все, что вам нужно для запуска вашего агентства или улучшения инструментов для вашей существующей компании. Веб-сайт/приложение Nuxt 3 + серверная часть Directus.
Предоставлено вам благодаря магическому партнерству между Directus и NuxtLabs.
Введение · Особенности · ? Установка и разработка · ? Развертывание · ? Технический стек · ? Помощь сообщества · ❤️ Участие
Одна из самых простых частей управления успешным цифровым агентством — это выполнение реальной работы . Я имею в виду, кто не любит работать над сотрудничеством, проектированием и созданием потрясающих вещей для клиентов?
Сложные моменты — это все остальное, что с этим связано: управление крупными проектами с множеством движущихся частей, общение с клиентами для надлежащего управления ожиданиями, обеспечение своевременной оплаты и многое другое.
Когда на счету каждый оплачиваемый час, у вас нет времени на создание собственных инструментов с нуля. И вы не должны быть вынуждены довольствоваться готовыми технологиями, которые не соответствуют вашему предпочтительному рабочему процессу.
AgencyOS — это операционная система с открытым исходным кодом, которая поможет вам запустить (или запустить) свое цифровое агентство. Он создан на основе инструментов с открытым исходным кодом (Nuxt и Directus) и на 100 % поддается взлому, поэтому вы можете создать ВАШЕ решение, ВАШЕ приложение для управления проектами, операционную систему ВАШЕГО агентства — в рекордно короткие сроки.
Почему?
Многие из основной команды Directus имеют опыт управления агентствами, и мы знаем, что не все так радужно и солнечно. Мы хотели создать инструмент, от которого наши партнеры-агентства (и любое другое агентство) могли бы получить большую пользу. Он также был создан как полноценный пример, демонстрирующий мощь и гибкость Directus как платформы для быстрого создания собственных приложений и инструментов.
Начиная
Когда вы усердно работаете над обслуживанием клиентов, ваш собственный сайт обычно страдает. AgencyOS включает в себя красивый шаблон веб-сайта, который легко настраивается и уже интегрирован с простой в использовании headless CMS.
Это не стартовый шаблон. Это полноценный веб-проект, который вы можете настроить или вдохновить на создание еще лучшего решения.
Поддержание важных отношений с клиентами возлагается не только на отдел продаж. Так зачем же поддерживать отдельные инструменты управления проектами и CRM? AgencyOS включает в себя полностью настраиваемую CRM, поэтому вы можете работать так, как хотите.
Коммуникация, вероятно, является основным фактором успеха проекта. С порталом для частных клиентов AgencyOS вы можете быть уверены, что ваши клиенты будут в курсе последних событий, и даже возлагать на них ответственность за доставку файлов и информации, необходимых для завершения их проекта.
В AgencyOS есть две основные части: серверная часть и API на базе Directus, а также внешний веб-сайт и приложение на базе Nuxt.
Существует два способа быстрой настройки проекта Directus для использования в AgencyOS.
1a. Зарегистрируйте учетную запись Directus Cloud.
https://directus.cloud/register
Это простая кнопка. Вам не нужно возиться с Docker или думать, как развернуть экземпляр Directus на AWS, Digital Ocean или аналогичных хостах. Пара кликов и менее чем за 2 минуты вы получите готовый к работе проект Directus.
Directus предлагает 14-дневную бесплатную пробную версию для облачных проектов, что вполне достаточно, чтобы опробовать AgencyOS. Примечание. После 14-дневного пробного периода вам необходимо будет оплатить услугу. Актуальную информацию о ценах можно найти на странице цен Directus.
ИЛИ
1b. Самостоятельное размещение экземпляра Directus
Если вы предпочитаете размещать Directus самостоятельно, мы настоятельно рекомендуем вам сделать это с помощью Docker.
Важное примечание : это бесплатный выпуск сообщества с открытым исходным кодом. Поэтому мы не можем обеспечить поддержку самостоятельных экземпляров БЕЗ лицензии Enterprise Self-Hosted или официального соглашения о поддержке. Узнайте больше и свяжитесь с нашей командой для получения подробной информации о корпоративном самостоятельном размещении.
Внутри репозитория вы найдете файл docker-compose.yaml
, который можно использовать для быстрого запуска локального экземпляра Directus для тестирования. Сначала на вашем компьютере должен быть установлен и запущен Docker. Вы можете скачать его здесь .
PostgreSQL — проверенный и предпочтительный поставщик баз данных для этого проекта. Проект был протестирован и проверен на совместимость с файлом docker-compose.yaml, включенным в репозиторий. Directus поддерживает множество различных поставщиков баз данных SQL, но мы тестируем этот проект ТОЛЬКО на PostgreSQL.
# Navigate to the .directus directory
$ cd .directus
# Run docker compose
$ docker compose up
# Docker does it's thing and your Directus project will be available at http://localhost:8055/ or http://0.0.0.0:8055/
Дополнительные инструкции по установке с помощью Docker можно найти здесь, в документации Directus.
Информацию о развертывании проекта в реальном времени см. в разделе «Развертывание».
Вам нужен статический токен для заполнения проекта.
Откройте терминал, выполните следующую команду и просто следуйте подсказкам.
npx directus-template-cli@latest apply
Использование тега @latest гарантирует загрузку самой последней версии наших шаблонов — если вы уже запускали эту команду ранее.
Agency OS
.Подробнее об инструменте CLI Directus Template CLI можно узнать здесь. Примечание . Запуск сценария шаблона может занять несколько минут, если вы используете удаленно размещенный экземпляр Directus.
Для вашего веб-сайта и клиентского портала AgencyOS использует Nuxt в качестве внешней среды.
Используйте этот шаблон
Или из терминала
git clone https://github.com/directus-community/agency-os.git your-project
Перейти к проекту
cd your-project
env.example
на .env
Ваш файл .env
должен выглядеть примерно так.
# Directus Setup
DIRECTUS_URL = " https://your-instance.directus.app "
DIRECTUS_SERVER_TOKEN = " your_directus_server_token_for_server_only_routes "
SITE_URL = " http://localhost:3000 "
# Stripe Setup (If you want to allow payments within the portal)
STRIPE_SECRET_KEY = sk_test_xxxxxxxxxxxxxxx
STRIPE_PUBLISHABLE_KEY = pk_xxxxxxxxxxxxxxx
STRIPE_WEBHOOK_SECRET = whsec_xxxxxxxxxxxxxxx
pnpm i
pnpm dev
http://локальный хост:3000
pnpm build
Пожалуйста, ознакомьтесь с официальной документацией по развертыванию Nuxt для поддерживаемых поставщиков. Вот несколько наиболее популярных хостов, которые хорошо работают с Nuxt.
Примечание. На данный момент Vercel является рекомендуемой целью развертывания AgencyOS из-за некоторых проблем с памятью в процессе сборки на Netlify.
Версель
Нетлифай
Если вы не хотите возиться с DevOps или раскручиванием серверов, вы можете развернуть новый проект в Directus Cloud примерно за 90 секунд.
Если вы предпочитаете самостоятельное размещение, рекомендуется использовать Docker для развертывания Directus. Пожалуйста, ознакомьтесь с официальным руководством Directus Docker.
Ресурсы для самостоятельного хостинга Directus
С уверенностью создайте свое следующее приложение Vue.js, используя Nuxt. Фреймворк с открытым исходным кодом под лицензией MIT, который делает веб-разработку простой и мощной. Ведущий фреймворк Vue, который обеспечивает маршрутизацию, рендеринг на стороне сервера и многое другое.
Узнайте больше о Nuxt
Directus — это автономная CMS, которая мгновенно превращает вашу базу данных SQL в API-интерфейсы REST и GraphQL и предоставляет вам красивое, интуитивно понятное приложение без кода для управления всем вашим контентом и данными. Но это больше, чем просто обезглавленная CMS. Это открытая платформа данных, в которой есть все инструменты, необходимые для создания, управления, обслуживания, визуализации и даже автоматизации ваших данных для вашего следующего веб-, мобильного или цифрового проекта.
Узнайте больше о Директус
<Icon>
, который позволяет использовать множество значков. Посмотреть доступные значки можно здесь. Чтобы получить помощь или поддержку сообщества, посетите сервер Directus Discord.
AgencyOS — это проект, управляемый сообществом, поэтому мы будем рады вашему вкладу.
Вот как вы можете внести свой вклад:
AgencyOS был создан Брайантом Гиллеспи (@bryantgillespie). Но огромное спасибо...
nuxt-directus
которые послужили источником вдохновения.