agency os
1.0.0
AgencyOS は、代理店を軌道に乗せたり、既存の会社のツールを改善したりするために必要なものすべてです。 Nuxt 3 Web サイト / アプリケーション + Directus バックエンド。
Directus と NuxtLabs の間のパートナーシップの魔法によって実現されました。
はじめに・特徴・?インストールと開発· ?展開・？テックスタック・？コミュニティヘルプ· ❤️ 貢献しています
デジタルエージェンシーを成功させるための最も簡単な部分の 1 つは、実際の作業を行うことです。つまり、クライアントのために素晴らしいものをコラボレーションし、デザインし、構築するために頭を下げたくない人はいないでしょうか。
難しい部分は、それに付随するすべてのことです。大量の変動要素を伴う大規模プロジェクトの管理、期待を適切に管理するためのクライアントとのコミュニケーション、期日どおりの支払いの確保などです。
請求可能な時間ごとに重要な場合、独自のツールを一から構築する時間はありません。また、好みのワークフローに満たない既製のテクノロジーに妥協する必要はありません。
AgencyOS は、デジタルエージェンシーの運営 (または開始) を支援するオープンソース オペレーティング システムです。オープンソース ツール (Nuxt および Directus) に基づいて構築されており、100% ハッキング可能になるように設計されているため、記録的な速さでソリューション、プロジェクト管理アプリ、代理店のオペレーティング システムを構築できます。
なぜ？
Directus コア チームのかなりの数のメンバーが代理店の運営経験があり、すべてが虹と太陽の光ではないことを私たちは知っています。私たちは、代理店パートナー (およびその他の代理店) が多くの価値を得ることができるツールを構築したいと考えていました。また、独自のアプリやツールを迅速に構築するためのプラットフォームとしての Directus のパワーと柔軟性を示す完全な例としても作成されました。
はじめる
クライアントへの配信に懸命に取り組んでいると、自分のサイトに影響が出る傾向があります。 AgencyOS には、簡単にカスタマイズでき、使いやすいヘッドレス CMS とすでに統合されている美しい Web サイト テンプレートが含まれています。
スターターテンプレートではありません。これは、カスタマイズしたり、さらに優れたソリューションを構築するためのインスピレーションを与えたりするための完全な Web サイト プロジェクトです。
重要な顧客関係を維持することは、営業チームだけの責任ではありません。では、なぜプロジェクト管理ツールと CRM ツールを別々に維持するのでしょうか? AgencyOS には完全にカスタマイズ可能な CRM が含まれているため、希望どおりに作業できます。
コミュニケーションはおそらくプロジェクトの成功の最大の原動力です。 AgencyOS のプライベート クライアント ポータルを使用すると、クライアントが常に最新の状態を維持できるようになり、プロジェクトを完了するために必要なファイルや情報を提供する責任をクライアントに負わせることもできます。
AgencyOS には、Directus を利用したバックエンドと API、および Nuxt を利用したフロントエンド Web サイトとアプリケーションの 2 つの主要な部分があります。
AgencyOS で使用する Directus プロジェクトを迅速にセットアップする方法は 2 つあります。
1a - Directus Cloud アカウントに登録する
https://directus.cloud/register
これは簡単なボタンです。 Docker をいじったり、AWS、Digital Ocean、または同様のホストに Directus インスタンスをデプロイする方法を考えたりする必要はありません。数回クリックするだけで 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テンプレートを選択します。Directus テンプレート CLI ツールの詳細については、こちらをご覧ください。注: リモートでホストされている Directus インスタンスを使用している場合は、テンプレート スクリプトの実行に数分かかることがあります。
Web サイトとクライアント ポータルでは、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_xxxxxxxxxxxxxxxpnpm i
pnpm dev
http://ローカルホスト:3000
pnpm build
サポートされているプロバイダーについては、公式の Nuxt 導入ドキュメントを確認してください。ここでは、Nuxt とうまく連携する人気のあるホストをいくつか紹介します。
注: Netlify のビルド プロセスにはメモリの問題がいくつかあるため、現時点では Vercel が AgencyOS の展開ターゲットとして推奨されています。
ヴェルセル
ネットリファイ
DevOps やサーバーの起動に手間をかけたくない場合は、約 90 秒で Directus Cloud 上に新しいプロジェクトを起動できます。
セルフホスティングを希望する場合は、Directus を展開する方法として Docker を推奨します。公式の Directus Docker ガイドを確認してください。
セルフホスティング Directus のリソース
Nuxt を使用して、自信を持って次の Vue.js アプリケーションを構築します。 MIT ライセンスに基づくオープンソース フレームワークで、Web 開発をシンプルかつ強力にします。ルーティング、サーバー側レンダリングなどを処理する主要な Vue フレームワーク。
Nuxt について詳しく見る
Directus は、SQL データベースを即座に REST および GraphQL API に変換し、すべてのコンテンツとデータを管理するための美しく直感的なノーコード アプリを提供するヘッドレス CMS です。しかし、これは単なるヘッドレス CMS ではありません。これは、次の Web、モバイル、またはデジタル プロジェクトのデータの作成、管理、提供、視覚化、さらには自動化に必要なすべてのツールを備えたオープン データ プラットフォームです。
ディレクタスについて詳しく見る
<Icon>コンポーネントを追加します。利用可能なアイコンはこちらをご覧ください。 コミュニティのヘルプやサポートについては、Directus Discord サーバーを参照してください。
AgencyOS はコミュニティ主導のプロジェクトですので、皆様のご貢献をお待ちしております。
貢献する方法は次のとおりです。
AgencyOS は、Bryant Gillespie (@bryantgillespie) によって作成されました。でも、本当に感謝しなければなりません...
nuxt-directusモジュールをインスピレーションの源として提供しました。
