AgencyOS는 대행사를 시작하거나 기존 회사의 도구를 개선하는 데 필요한 모든 것입니다. Nuxt 3 웹사이트/애플리케이션 + Directus 백엔드.
Directus와 NuxtLabs 간의 파트너십 마법을 통해 여러분에게 제공됩니다.
소개 · 특징 · ? 설치 및 개발 · ? 배포 · ? 기술 스택 · ? 커뮤니티 도움말 · ❤️ 기여
성공적인 디지털 에이전시를 운영하는 가장 쉬운 부분 중 하나는 실제 작업을 수행하는 것입니다. 내 말은, 고객을 위해 협업하고, 디자인하고, 놀라운 제품을 만들기 위해 머리를 숙이는 것을 좋아하지 않는 사람이 어디 있겠습니까?
어려운 부분은 수많은 움직이는 부품이 포함된 대규모 프로젝트 관리, 고객과의 커뮤니케이션을 통해 기대치를 적절하게 관리하고 제때에 대금을 지급받는 등 그에 수반되는 모든 것입니다.
청구 가능한 모든 시간이 중요하다면 처음부터 자신만의 도구를 만들 시간이 없습니다. 그리고 선호하는 워크플로우에 미치지 못하는 기성 기술에 만족하도록 강요해서는 안 됩니다.
AgencyOS는 디지털 에이전시를 운영(또는 시작)하는 데 도움이 되는 오픈 소스 운영 체제입니다. 오픈 소스 도구(Nuxt 및 Directus)를 기반으로 구축되었으며 100% 해킹 가능하도록 설계되었으므로 귀하의 솔루션, 프로젝트 관리 앱, 대행사의 운영 체제를 기록적인 시간 내에 구축할 수 있습니다.
왜?
Directus 핵심 팀의 상당수는 에이전시 운영 경험이 있으며 모든 것이 무지개와 햇빛만은 아니라는 것을 알고 있습니다. 우리는 대행사 파트너(및 기타 대행사)가 많은 가치를 얻을 수 있는 도구를 만들고 싶었습니다. 또한 자신만의 앱과 도구를 신속하게 구축할 수 있는 플랫폼으로서 Directus의 강력함과 유연성을 보여주기 위한 완전한 예로 만들어졌습니다.
시작하기
고객을 위해 열심히 일할 때 귀하의 사이트가 어려움을 겪는 경향이 있습니다. AgencyOS에는 쉽게 사용자 정의할 수 있고 이미 사용하기 쉬운 헤드리스 CMS와 통합된 아름다운 웹사이트 템플릿이 포함되어 있습니다.
시작 템플릿이 아닙니다. 이는 훨씬 더 나은 솔루션을 구축하기 위해 사용자 정의하거나 영감을 주는 완전한 웹 사이트 프로젝트입니다.
중요한 고객 관계를 유지하는 일은 영업팀에만 국한되는 일이 아닙니다. 그렇다면 왜 별도의 프로젝트 관리 및 CRM 도구를 유지해야 할까요? AgencyOS에는 완전히 사용자 정의 가능한 CRM이 포함되어 있어 원하는 방식으로 작업할 수 있습니다.
의사소통은 아마도 프로젝트 성공의 가장 큰 원동력일 것입니다. AgencyOS의 개인 클라이언트 포털을 사용하면 클라이언트가 최신 상태를 유지하도록 할 수 있으며 프로젝트를 완료하는 데 필요한 파일과 정보를 제공할 책임을 맡길 수도 있습니다.
AgencyOS에는 Directus에서 제공하는 백엔드 및 API와 Nuxt에서 제공하는 프런트엔드 웹사이트 및 애플리케이션이라는 두 가지 주요 부분이 있습니다.
AgencyOS에 사용할 Directus 프로젝트를 빠르게 설정할 수 있는 두 가지 방법이 있습니다.
1a - Directus Cloud 계정 등록
https://directus.cloud/register
간편버튼입니다. Docker를 사용하거나 AWS, Digital Ocean 또는 유사한 호스트에 Directus 인스턴스를 배포하는 방법을 고민할 필요가 없습니다. 몇 번의 클릭만으로 2분 이내에 Directus 프로젝트를 시작할 수 있습니다.
Directus는 AgencyOS를 시험해 볼 수 있는 충분한 시간인 클라우드 프로젝트에 대한 14일 무료 평가판을 제공합니다. 참고: 14일 평가판 이후에는 서비스 비용을 지불해야 합니다. 최신 가격 정보는 Directus 가격 페이지를 참조하세요.
또는
1b - Directus 인스턴스를 자체 호스트
Directus를 자체 호스팅하고 싶다면 Docker를 사용하는 것이 좋습니다.
중요 참고 사항 : 이는 무료 오픈 소스 커뮤니티 릴리스입니다. 따라서 엔터프라이즈 셀프 호스팅 라이선스나 공식 지원 계약 없이는 셀프 호스팅 인스턴스에 대한 지원을 제공할 수 없습니다. 엔터프라이즈 셀프 호스팅에 대한 자세한 내용을 알아보고 당사 팀에 문의하세요.
테스트할 Directus의 로컬 인스턴스를 빠르게 실행하는 데 사용할 수 있는 docker-compose.yaml
리포지토리 내에서 찾을 수 있습니다. 먼저 컴퓨터에 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/
Directus 설명서에서 Docker를 사용하여 더 많은 설치 지침을 찾을 수 있습니다.
프로젝트를 실시간으로 배포하려면 배포 섹션을 참조하세요.
프로젝트를 시드하려면 정적 토큰이 필요합니다.
터미널을 열고 다음 명령을 실행한 후 프롬프트를 따르세요.
npx directus-template-cli@latest apply
@latest 태그를 사용하면 이전에 명령을 실행한 경우 템플릿의 최신 버전을 다운로드할 수 있습니다.
Agency OS
템플릿을 선택합니다.여기에서 Directus 템플릿 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://localhost:3000
pnpm build
지원되는 제공업체에 대한 공식 Nuxt 배포 문서를 확인하세요. Nuxt와 잘 작동하는 인기 있는 호스트 중 일부는 다음과 같습니다.
참고: Vercel은 Netlify의 빌드 프로세스와 관련된 몇 가지 메모리 문제로 인해 현재 AgencyOS에 권장되는 배포 대상입니다.
베르셀
넷티파이
DevOps를 방해하거나 서버를 가동하고 싶지 않다면 약 90초 안에 Directus Cloud에서 새 프로젝트를 가동할 수 있습니다.
자체 호스팅을 선호하는 경우 Docker는 Directus를 배포하는 데 권장되는 방법입니다. 공식 Directus Docker 가이드를 확인하세요.
셀프 호스팅 Directus에 대한 리소스
Nuxt를 사용하여 자신있게 다음 Vue.js 애플리케이션을 구축하세요. 웹 개발을 간단하고 강력하게 만들어주는 MIT 라이선스 기반의 오픈 소스 프레임워크입니다. 라우팅, 서버 측 렌더링 등을 처리하는 최고의 Vue 프레임워크입니다.
Nuxt에 대해 더 알아보기
Directus는 SQL 데이터베이스를 REST 및 GraphQL API로 즉시 전환하고 모든 콘텐츠와 데이터를 관리할 수 있는 아름답고 직관적인 노코드 앱을 제공하는 헤드리스 CMS입니다. 하지만 이는 단순한 헤드리스 CMS 그 이상입니다. 이는 다음 웹, 모바일 또는 디지털 프로젝트를 위해 데이터를 생성, 관리, 제공, 시각화 및 자동화하는 데 필요한 모든 도구를 갖춘 개방형 데이터 플랫폼입니다.
다이렉터스에 대해 더 알아보기
<Icon>
컴포넌트를 추가합니다. 여기에서 사용 가능한 아이콘을 확인하세요. 커뮤니티 도움말이나 지원을 받으려면 Directus Discord 서버를 참조하세요.
AgencyOS는 커뮤니티 중심 프로젝트이므로 여러분의 기여를 환영합니다.
기여할 수 있는 방법은 다음과 같습니다.
AgencyOS는 Bryant Gillespie(@bryantgillespie)가 만들었습니다. 하지만 큰 감사는 빚진 일입니다...
nuxt-directus
모듈에 대한 @intevel 및 @becem-gharbi.