agency os
1.0.0
AgencyOS bietet alles, was Sie brauchen, um Ihre Agentur auf den Weg zu bringen oder die Tools Ihres bestehenden Unternehmens zu verbessern. Nuxt 3-Website/Anwendung + Directus-Backend.
Präsentiert durch die magische Partnerschaft zwischen Directus und NuxtLabs.
Einführung · Funktionen · ? Installation und Entwicklung · ? Bereitstellung · ? Tech-Stack · ? Community-Hilfe · ❤️ Mitwirken
Einer der einfachsten Teile der Führung einer erfolgreichen Digitalagentur ist die eigentliche Arbeit . Ich meine – wer steckt nicht gerne den Kopf hin, um zusammenzuarbeiten, zu entwerfen und tolle Dinge für Kunden zu bauen?
Die schwierigen Aspekte sind alles andere, was damit einhergeht – die Verwaltung großer Projekte mit unzähligen beweglichen Teilen, die Kommunikation mit Kunden, um die Erwartungen richtig zu erfüllen, die Sicherstellung, dass Sie pünktlich bezahlt werden, und mehr.
Wenn jede abrechnungsfähige Stunde zählt, haben Sie nicht die Zeit, Ihre eigenen Tools von Grund auf zu entwickeln. Und Sie sollten nicht gezwungen sein, sich mit Standardtechnologie zufrieden zu geben, die Ihren bevorzugten Arbeitsablauf nicht erfüllt.
AgencyOS ist das Open-Source-Betriebssystem, das Sie beim Betrieb (oder Start) Ihrer digitalen Agentur unterstützt. Es basiert auf Open-Source-Tools (Nuxt und Directus) und ist zu 100 % hackbar, sodass Sie IHRE Lösung, IHRE Projektmanagement-App, das Betriebssystem IHRER Agentur erstellen können – in Rekordzeit.
Warum?
Nicht wenige Leute im Directus-Kernteam haben Erfahrung in der Leitung von Agenturen und wir wissen, dass es nicht nur Regenbogen und Sonnenschein gibt. Wir wollten ein Tool entwickeln, das unseren Agenturpartnern (und jeder anderen Agentur) großen Nutzen bringt. Es wurde auch als vollständiges Beispiel erstellt, um die Leistungsfähigkeit und Flexibilität von Directus als Plattform zum schnellen Erstellen eigener Apps und Tools zu demonstrieren.
Erste Schritte
Wenn Sie hart daran arbeiten, Kunden zu beliefern, leidet Ihre eigene Website oft darunter. AgencyOS enthält eine schöne Website-Vorlage, die leicht anpassbar und bereits in ein benutzerfreundliches Headless-CMS integriert ist.
Es handelt sich nicht um eine Starter-Vorlage. Es handelt sich um ein komplettes Website-Projekt, das Sie individuell anpassen oder zum Erstellen einer noch besseren Lösung inspirieren können.
Die Pflege wichtiger Kundenbeziehungen obliegt nicht nur dem Vertriebsteam. Warum also separate Projektmanagement- und CRM-Tools pflegen? AgencyOS umfasst ein vollständig anpassbares CRM, damit Sie so arbeiten können, wie Sie es möchten.
Kommunikation ist wahrscheinlich der größte Treiber für den Projekterfolg. Mit dem privaten Kundenportal von AgencyOS können Sie sicherstellen, dass Ihre Kunden auf dem Laufenden bleiben und sie sogar für die Bereitstellung der Dateien und Informationen verantwortlich machen, die Sie zum Abschluss ihres Projekts benötigen
AgencyOS besteht aus zwei Hauptbestandteilen: dem Backend und den APIs, die von Directus betrieben werden, und der Frontend-Website und -Anwendung, die von Nuxt betrieben werden.
Es gibt zwei Möglichkeiten, wie Sie schnell ein Directus-Projekt zur Verwendung für AgencyOS einrichten können.
1a – Registrieren Sie sich für ein Directus Cloud-Konto
https://directus.cloud/register
Dies ist der einfache Knopf. Sie müssen sich nicht mit Docker herumschlagen oder herausfinden, wie Sie eine Directus-Instanz bei AWS, Digital Ocean oder ähnlichen Hosts bereitstellen. Ein paar Klicks und in weniger als 2 Minuten haben Sie ein einsatzbereites Directus-Projekt.
Directus bietet eine 14-tägige kostenlose Testversion für Cloud-Projekte an – genügend Zeit, AgencyOS auszuprobieren. Hinweis: Nach der 14-tägigen Testversion müssen Sie für den Service bezahlen. Aktuelle Preisinformationen finden Sie auf der Preisseite von Directus.
ODER
1b – Hosten Sie eine Directus-Instanz selbst
Wenn Sie Directus lieber selbst hosten möchten, empfehlen wir Ihnen dringend, dies mit Docker zu tun.
Wichtiger Hinweis : Dies ist eine kostenlose Open-Source-Community-Version. Daher können wir keinen Support für selbst gehostete Instanzen OHNE eine Enterprise Self-Hosted-Lizenz oder eine formelle Supportvereinbarung anbieten. Erfahren Sie mehr und kontaktieren Sie unser Team für weitere Informationen zu Enterprise Self-Hosted.
Im Repo finden Sie eine docker-compose.yaml , mit der Sie schnell eine lokale Instanz von Directus zum Testen erstellen können. Sie sollten zunächst Docker auf Ihrem Computer installiert und ausgeführt haben. Sie können es hier herunterladen .
PostgreSQL ist der getestete und bevorzugte Datenbankanbieter für dieses Projekt. Das Projekt wurde getestet und überprüft, ob es mit der im Repository enthaltenen Datei docker-compose.yaml funktioniert. Directus unterstützt zwar viele verschiedene SQL-Datenbankanbieter, wir testen dieses Projekt jedoch NUR mit 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/Weitere Installationsanweisungen mit Docker finden Sie hier in der Directus-Dokumentation.
Informationen zur Live-Bereitstellung des Projekts finden Sie im Abschnitt „Bereitstellung“.
Sie benötigen das statische Token, um das Projekt zu starten.
Öffnen Sie Ihr Terminal, führen Sie den folgenden Befehl aus und folgen Sie einfach den Anweisungen.
npx directus-template-cli@latest apply
Durch die Verwendung des @latest-Tags stellen Sie sicher, dass Sie die aktuellste Version unserer Vorlagen herunterladen – falls Sie den Befehl zuvor ausgeführt haben.
Agency OS aus.Weitere Informationen zum Directus Template CLI-Tool finden Sie hier. Hinweis : Es kann einige Minuten dauern, bis das Vorlagenskript ausgeführt wird, wenn Sie eine remote gehostete Directus-Instanz verwenden.
Für Ihre Website und Ihr Kundenportal verwendet AgencyOS Nuxt als Frontend-Framework der Wahl.
Verwenden Sie diese Vorlage
Oder vom Terminal aus
git clone https://github.com/directus-community/agency-os.git your-project
Navigieren Sie zum Projekt
cd your-project
env.example in .env Ihre .env Datei sollte etwa so aussehen.
# 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
Bitte überprüfen Sie die offizielle Nuxt-Bereitstellungsdokumentation für die unterstützten Anbieter. Hier sind einige der beliebtesten Hosts, die gut mit Nuxt zusammenarbeiten.
Hinweis: Aufgrund einiger Speicherprobleme beim Build-Prozess auf Netlify ist Vercel derzeit das empfohlene Bereitstellungsziel für AgencyOS.
Vercel
Netlify
Wenn Sie sich nicht mit DevOps herumschlagen oder Server hochfahren möchten, können Sie in etwa 90 Sekunden ein neues Projekt in Directus Cloud starten.
Wenn Sie Selbsthosting bevorzugen, ist Docker die empfohlene Methode zur Bereitstellung von Directus. Bitte lesen Sie den offiziellen Directus Docker-Leitfaden
Ressourcen für Self-Hosting Directus
Erstellen Sie mit Nuxt sicher Ihre nächste Vue.js-Anwendung. Ein Open-Source-Framework unter MIT-Lizenz, das die Webentwicklung einfach und leistungsstark macht. Das führende Vue-Framework, das Routing, serverseitiges Rendering und mehr übernimmt.
Erfahren Sie mehr über Nuxt
Directus ist ein Headless-CMS, das Ihre SQL-Datenbank sofort in REST- und GraphQL-APIs umwandelt und Ihnen eine schöne, intuitive No-Code-App zur Verwaltung all Ihrer Inhalte und Daten bietet. Aber es ist auch mehr als nur ein Headless-CMS. Es handelt sich um eine offene Datenplattform, die über alle Tools verfügt, die Sie zum Erstellen, Verwalten, Bereitstellen, Visualisieren und sogar Automatisieren Ihrer Daten für Ihr nächstes Web-, Mobil- oder Digitalprojekt benötigen.
Erfahren Sie mehr über Directus
<Icon> -Komponente hinzu, mit der Sie unzählige Symbole verwenden können. Verfügbare Symbole finden Sie hier. Für Community-Hilfe oder Support besuchen Sie bitte den Directus Discord-Server.
AgencyOS ist ein Community-Projekt, daher würden wir uns über Ihre Beiträge freuen.
So können Sie einen Beitrag leisten:
AgencyOS wurde von Bryant Gillespie (@bryantgillespie) erstellt. Aber ein großes Dankeschön gebührt ...
nuxt-directus -Module, die als Inspirationsquelle dienten.
