agency os
1.0.0
AgencyOS est tout ce dont vous avez besoin pour faire décoller votre agence ou améliorer les outils de votre entreprise existante. Site Web/Application Nuxt 3 + Backend Directus.
Présenté par la magie du partenariat entre Directus et NuxtLabs.
Introduction · Caractéristiques · ? Installation et développement · ? Déploiement · ? Pile technologique · ? Aide de la communauté · ❤️ Contribuer
L’une des parties les plus simples de la gestion d’une agence numérique réussie consiste à effectuer le travail proprement dit . Je veux dire : qui n'aime pas baisser la tête pour collaborer, concevoir et créer des choses incroyables pour les clients ?
Les aspects difficiles sont tout ce qui va avec : gérer de grands projets avec des tonnes de pièces en mouvement, communiquer avec les clients pour gérer correctement les attentes, s'assurer que vous êtes payé à temps, et bien plus encore.
Lorsque chaque heure facturable compte, vous n’avez pas le temps de créer vos propres outils à partir de zéro. Et vous ne devriez pas être obligé de vous contenter d’une technologie standard qui ne correspond pas à votre flux de travail préféré.
AgencyOS est le système d'exploitation open source pour vous aider à gérer (ou démarrer) votre agence numérique. Il est construit sur des outils open source (Nuxt et Directus) et conçu pour être 100% piratable afin que vous puissiez créer VOTRE solution, VOTRE application de gestion de projet, le système d'exploitation de VOTRE agence – en un temps record.
Pourquoi?
De nombreuses personnes au sein de l'équipe principale de Directus ont de l'expérience dans la gestion d'agences et nous savons que tout n'est pas que des arcs-en-ciel et du soleil. Nous voulions créer un outil dont nos agences partenaires (et toute autre agence) tireraient beaucoup de valeur. Il a également été créé comme exemple complet pour mettre en valeur la puissance et la flexibilité de Directus en tant que plate-forme permettant de créer rapidement vos propres applications et outils.
Commencer
Lorsque vous travaillez dur pour répondre aux attentes des clients, votre propre site a tendance à en souffrir. AgencyOS comprend un magnifique modèle de site Web facilement personnalisable et déjà intégré à un CMS sans tête facile à utiliser.
Ce n'est pas un modèle de démarrage. Il s'agit d'un projet de site Web complet que vous pouvez personnaliser ou vous inspirer pour créer une solution encore meilleure.
Entretenir des relations clients importantes n’incombe pas uniquement à l’équipe commerciale. Alors pourquoi conserver des outils de gestion de projet et de CRM distincts ? AgencyOS comprend un CRM entièrement personnalisable pour que vous puissiez travailler comme vous le souhaitez.
La communication est probablement le principal facteur de réussite d’un projet. Avec le portail client privé d'AgencyOS, vous pouvez garantir que vos clients restent informés et même les tenir responsables de la livraison des fichiers et des informations dont vous avez besoin pour mener à bien leur projet.
AgencyOS comprend deux éléments principaux : le backend et les API alimentés par Directus et le site Web et l'application frontend alimentés par Nuxt.
Il existe deux façons de configurer rapidement un projet Directus à utiliser pour AgencyOS.
1a - Inscrivez-vous à un compte Directus Cloud
https://directus.cloud/register
C'est le bouton facile. Vous n'avez pas à vous soucier de Docker ni à trouver comment déployer une instance Directus sur AWS, Digital Ocean ou des hôtes similaires. Quelques clics et en moins de 2 minutes vous aurez un projet Directus prêt à l'emploi.
Directus propose un essai gratuit de 14 jours pour les projets Cloud, ce qui laisse suffisamment de temps pour essayer AgencyOS. Remarque : après la période d'essai de 14 jours, vous devrez payer pour le service. Consultez la page de tarification Directus pour les dernières informations sur les prix.
OU
1b - Auto-héberger une instance Directus
Si vous préférez auto-héberger Directus, nous vous recommandons fortement de le faire avec Docker.
Remarque importante : il s'agit d'une version communautaire gratuite et open source. Par conséquent, nous ne pouvons pas fournir de support pour les instances auto-hébergées SANS licence Enterprise auto-hébergée ni accord de support formel. Apprenez-en plus et contactez notre équipe pour plus de détails sur Enterprise Self-Hosted.
Vous trouverez un docker-compose.yaml dans le référentiel que vous pouvez utiliser pour lancer rapidement une instance locale de Directus avec laquelle tester. Docker doit d'abord être installé et exécuté sur votre ordinateur. Vous pouvez le télécharger ici .
PostgreSQL est le fournisseur de bases de données testé et préféré pour ce projet. Le projet a été testé et vérifié pour fonctionner avec le fichier docker-compose.yaml inclus dans le dépôt. Directus prend en charge de nombreux fournisseurs de bases de données SQL différents, mais nous testons UNIQUEMENT ce projet par rapport à 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/Vous pouvez trouver plus d'instructions d'installation à l'aide de Docker ici dans la documentation Directus.
Pour déployer le projet en direct, veuillez consulter la section Déploiement.
Vous avez besoin du jeton statique pour lancer le projet.
Ouvrez votre terminal, exécutez la commande suivante et suivez simplement les invites.
npx directus-template-cli@latest apply
L'utilisation de la balise @latest garantit que vous téléchargez la version la plus récente de nos modèles - au cas où vous auriez déjà exécuté la commande.
Agency OS .Vous pouvez en savoir plus sur l’outil Directus Template CLI ici. Remarque : L'exécution du script de modèle peut prendre quelques minutes si vous utilisez une instance Directus hébergée à distance.
Pour votre site Web et votre portail client, AgencyOS utilise Nuxt comme framework frontend de choix.
Utilisez ce modèle
Ou depuis le terminal
git clone https://github.com/directus-community/agency-os.git your-project
Accédez au projet
cd your-project
env.example en .env Votre fichier .env devrait ressembler à ceci.
# 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
Veuillez consulter la documentation officielle de déploiement de Nuxt pour connaître les fournisseurs pris en charge. Voici quelques-uns des hébergeurs les plus populaires qui fonctionnent bien avec Nuxt.
Remarque : Vercel est actuellement la cible de déploiement recommandée pour AgencyOS en raison de quelques problèmes de mémoire avec le processus de construction sur Netlify.
Vercel
Netlifier
Si vous ne voulez pas vous embêter avec DevOps ou faire tourner des serveurs, vous pouvez lancer un nouveau projet sur Directus Cloud en 90 secondes environ.
Si vous préférez l'auto-hébergement, Docker est le moyen recommandé pour déployer Directus. Veuillez consulter le guide officiel Directus Docker
Ressources pour l'auto-hébergement Directus
Créez votre prochaine application Vue.js en toute confiance à l'aide de Nuxt. Un framework open source sous licence MIT qui rend le développement web simple et puissant. Le framework Vue leader qui gère le routage, le rendu côté serveur, et bien plus encore.
En savoir plus sur Nuxt
Directus est un CMS sans tête qui transforme instantanément votre base de données SQL en API REST et GraphQL et vous offre une belle application intuitive sans code pour gérer tout votre contenu et vos données. Mais c'est aussi bien plus qu'un simple CMS sans tête. Il s'agit d'une plate-forme de données ouverte qui dispose de tous les outils dont vous avez besoin pour créer, gérer, servir, visualiser et même automatiser vos données pour votre prochain projet Web, mobile ou numérique.
En savoir plus sur Directus
<Icon> qui vous permet d'utiliser des tonnes d'icônes. Voir les icônes disponibles ici. Pour obtenir de l'aide ou du support de la communauté, veuillez consulter le serveur Directus Discord.
AgencyOS est un projet communautaire, nous serions donc ravis d'avoir vos contributions.
Voici comment vous pouvez contribuer :
AgencyOS a été créé par Bryant Gillespie (@bryantgillespie). Mais un grand merci est dû à...
nuxt-directus distincts qui ont servi de source d'inspiration.
