[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9067":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":16,"starSnapshotCount":16,"syncStatus":19,"lastSyncTime":37,"discoverSource":38},9067,"agency-os","directus-labs\u002Fagency-os","directus-labs","The open source operating system for digital agencies. Built with Directus and Nuxt.","https:\u002F\u002Fagencyos.dev",null,"Vue",949,181,13,19,0,6,15,2,10.78,"MIT License",false,"main",[25,26,27,28,29,30,31,32,33],"crm","directus","headless-cms","nuxt","nuxt-ui","tailwindcss","typescript","vuejs","vueuse","2026-06-12 02:02:02","\u003Ca href=\"https:\u002F\u002Fdirectus.io\" target=\"_blank\">\n  \u003Cimg alt=\"Agency OS - Complete Nuxt3 + Directus project\" src=\".\u002Fpublic\u002Flogos\u002Fagencyos.png\">\n  \u003Ch1 align=\"center\">AgencyOS\u003C\u002Fh1>\n\u003C\u002Fa>\n\n\u003Cp align=\"center\">AgencyOS is everything you need to get your agency off the ground, or improve tooling for your existing company. Nuxt 3 Website \u002F Application + Directus Backend.\u003C\u002Fp>\n\n\u003Cp align=\"center\">\u003Cem>Brought to you by partnership magic ✨ between \u003Ca href=\"https:\u002F\u002Fdirectus.io\" target=\"_blank\">Directus\u003C\u002Fa> and \u003Ca href=\"https:\u002F\u002Fnuxtlabs.com\" target=\"_blank\">NuxtLabs\u003C\u002Fa>.\u003C\u002Fem>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"#introduction\">\u003Cstrong>Introduction\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#features\">\u003Cstrong>⭐ Features\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#installation-and-development\">\u003Cstrong>🚧 Installation and Development\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#deployment\">\u003Cstrong>🚢 Deployment\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#-tech-stack\">\u003Cstrong>🧰 Tech Stack\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#community-help\">\u003Cstrong>🛟 Community Help\u003C\u002Fstrong>\u003C\u002Fa> ·\n  \u003Ca href=\"#%EF%B8%8F-contributing\">\u003Cstrong>❤️ Contributing\u003C\u002Fstrong>\u003C\u002Fa>\n\u003C\u002Fp>\n\u003Cbr\u002F>\n\u003Cbr \u002F>\n\n# Introduction\n\nOne of the **easiest parts** of running a successful digital agency is doing the **actual work**. I mean - who doesn’t\nlove to put their head down to collaborate, design, and build amazing stuff for clients?\n\nThe **hard bits** are everything else that goes along with that – managing large projects with tons of moving pieces,\ncommunicating with clients to properly manage expectations, ensuring you’re paid on time, and more.\n\nWhen every billable hour counts, you don’t have the time to build your own tools from scratch. And you shouldn’t be\nforced to settle for off-the-shelf tech that falls short of your preferred workflow.\n\n**AgencyOS is the open source operating system to help you run (or start) your digital agency.** It’s built on open\nsource tools (Nuxt and Directus) and designed to be 100% hackable so you can build YOUR solution, YOUR project\nmanagement app, YOUR agency’s operating system – in record time.\n\n**Why?**\n\nQuite a few folks on the [Directus](https:\u002F\u002Fgithub.com\u002Fdirectus\u002Fdirectus) core team have experience running agencies and\nwe know it’s not all rainbows and sunshine. We wanted to build an tool that our\n[agency partners](https:\u002F\u002Fdirectus.io\u002Fsolutions\u002Fagencies) (and any other agency) would get a lot of value from. It was\nalso created as a complete example to showcase the power and flexibility of Directus as a platform to rapidly build your\nown apps and tools.\n\n**Getting Started**\n\n- → **[Read Installation Instructions](#🚧-installation-and-development)**\n- → **[View The Demo Site](https:\u002F\u002Fagency-os.vercel.app\u002F)**\n- → **[Watch the Video Tutorials](https:\u002F\u002Fwww.youtube.com\u002Fplaylist?list=PLD--x9rY3ZL1tPNZxCTE_-IsFTrFGKHH-)**\n\n---\n\n# ⭐ Features\n\n## Website\n\nWhen you’re hard at work delivering for clients - your own site tends to suffer. AgencyOS includes beautiful website\ntemplate that’s easily customizable and already integrated with an easy-to-use headless CMS.\n\nIt’s not a starter template. It’s a complete website project for you customize or inspire you to build an even better\nsolution.\n\n- Dynamic page builder with live preview\n- Blog posts and categories\n- Dynamic form generation with validation\n- Dynamic OG image generation\n- Full SEO support out of the box – (meta tags, sitemap, redirects, JSON-LD, and more)\n- Global search functionality\n- Common utilities so you don't need to include yet another package\n- Google Fonts support\n- ESLint and Prettier pre-configured\n- Full dark mode support\n- Themeable with easy config file\n\n### CRM \u002F Project Tracker\n\nMaintaining important client relationships doesn’t just fall to the sales team. So why maintain separate project\nmanagement and CRM tools? AgencyOS includes a completely customizable CRM so you can work the way you want.\n\n- Organizations and contacts\n- Sales pipeline and activities\n- Dynamic project proposal builder\n- Project and task management\n- Customizable project templates\n- Invoicing and expense tracking\n- Customize and build your own dashboards without writing code\n- Automate processes using Directus Flows\n\n### Client Portal\n\nCommunication is probably the biggest driver of project success. With AgencyOS’s private client portal - you can insure\nyour clients stay up to date and even hold them accountable for delivering the files and information you need to\ncomplete their project\n\n- Private authenticated portal for clients to self-serve\n- Clients can view their projects, tasks, and files\n- Clients can pay invoices through Stripe\n- Assign tasks to clients as part of project templates\n\n\u003Cbr \u002F>\n\n---\n\n\u003Cbr \u002F>\n\n# **🚧 Installation and Development**\n\nThere are two main pieces to AgencyOS - the backend and APIs powered by [Directus](https:\u002F\u002Fdirectus.io) and the frontend\nwebsite and application powered by [Nuxt](https:\u002F\u002Fnuxt.com).\n\n## **🐰 Directus - Backend + Headless CMS**\n\n### 1 - Create a Directus project\n\nThere are two ways you can quickly setup a Directus project to use for AgencyOS.\n\n**1a - Register for a Directus Cloud account**\n\nhttps:\u002F\u002Fdirectus.cloud\u002Fregister\n\nThis is the easy button. You don’t have to mess with Docker or working out how to deploy a Directus instance at AWS,\nDigital Ocean, or similar hosts. A couple of clicks and in less than 2 minutes you’ll have a ready to go Directus\nproject.\n\nDirectus offers a 14 day free trial for Cloud projects which is plenty of time to give AgencyOS a spin. Note: After the\n14 day trial you will need to pay for the service.\n[Consult the Directus pricing page](https:\u002F\u002Fdirectus.io\u002Fpricing\u002Fcloud) for the latest pricing information.\n\nOR\n\n**1b - Self Host a Directus Instance**\n\nIf you're prefer to self-host Directus, we highly recommend you do so with Docker.\n\n**Important Note**: This is a free and open source community release. Therefore, we cannot provide support for\nself-hosted instances WITHOUT an Enterprise Self-Hosted license or formal support agreement.\n[Learn more and contact our team for details on Enterprise Self-Hosted](https:\u002F\u002Fdirectus.io\u002Fpricing\u002Fself-hosted).\n\nYou’ll find a `docker-compose.yaml` inside the repo that you can use to quickly spin up a local instance of Directus to\ntest with. You should have Docker installed and running on your machine first. You\ncan **[download it here](https:\u002F\u002Fdocs.docker.com\u002Fget-docker\u002F)**.\n\n[PostgreSQL](https:\u002F\u002Fwww.postgresql.org\u002F) is the **tested and preferred** database vendor for this project. The project\nhas been tested and verified to work against the docker-compose.yaml file included in the repo. Directus does support\nmany different SQL database vendors, but we ONLY test this project against PostgreSQL.\n\n```bash\n# Navigate to the .directus directory\n$ cd .directus\n\n# Run docker compose\n$ docker compose up\n\n# Docker does it's thing and your Directus project will be available at http:\u002F\u002Flocalhost:8055\u002F or http:\u002F\u002F0.0.0.0:8055\u002F\n```\n\nYou can find more [install instructions using Docker here](https:\u002F\u002Fdocs.directus.io\u002Fself-hosted\u002Fquickstart.html) on the\nDirectus documentation.\n\nFor deploying the project live, please see the [Deployment](#deployment) section.\n\n### 2 **- Generate a static token for the admin user**\n\nYou need the static token to seed the project.\n\n1. Go to the User Directory\n2. Choose the Administrative User\n3. Scroll down to the Token field\n4. Generate token and copy it\n5. Save the user (do NOT forget to save because you’ll get an error that shows Invalid token!)\n\n### 3 **- Apply the AgencyOS Template**\n\nOpen your terminal, run the following command, and simply follow the prompts.\n\n`npx directus-template-cli@latest apply`\n\nUsing the @latest tag ensures you download the most up to date version of our templates - in case you've ran the command\npreviously.\n\n1. Choose the `Agency OS` template.\n2. Paste the URL to your Directus instance\n3. Paste your Admin user static token\n4. Wait for script to finish\n\nYou can learn more about the\n[Directus Template CLI tool here](https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fdirectus-template-cli). _Note_: It can take a\nfew minutes for the template script to run if you’re using a remotely hosted Directus instance.\n\n\u003Cbr \u002F>\n\n---\n\n\u003Cbr \u002F>\n\n## **⛰️ Nuxt - Frontend**\n\nFor your website and client portal, AgencyOS uses Nuxt as the frontend framework of choice.\n\n### **1 - Clone the repo**\n\n[Use This Template](https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fagency-os\u002Fgenerate)\n\n_Or from the terminal_\n\n`git clone https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fagency-os.git your-project`\n\nNavigate to the project\n\n`cd your-project`\n\n### **2 - Fix your .env file**\n\n- Change the filename `env.example` to `.env`\n- Add the url to your Directus instance\n- Add the static token for your admin user you generated above\n\nYour `.env` file should look similar to this.\n\n```env\n# Directus Setup\nDIRECTUS_URL=\"https:\u002F\u002Fyour-instance.directus.app\"\nDIRECTUS_SERVER_TOKEN=\"your_directus_server_token_for_server_only_routes\"\nSITE_URL=\"http:\u002F\u002Flocalhost:3000\"\n\n# Stripe Setup (If you want to allow payments within the portal)\nSTRIPE_SECRET_KEY=sk_test_xxxxxxxxxxxxxxx\nSTRIPE_PUBLISHABLE_KEY=pk_xxxxxxxxxxxxxxx\nSTRIPE_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxx\n```\n\n### **3 - Install your dependencies**\n\n`pnpm i`\n\n### **4 - Start the development server**\n\n`pnpm dev`\n\n[http:\u002F\u002Flocalhost:3000](http:\u002F\u002Flocalhost:3000\u002F)\n\n### **5 - Build for production when you're ready**\n\n`pnpm build`\n\n\u003Cbr \u002F>\n\n# 🚢 Deployment\n\n## **Deploying Nuxt - Frontend**\n\nPlease check the official [Nuxt Deployment Documentation](https:\u002F\u002Fnuxt.com\u002Fdocs\u002Fgetting-started\u002Fdeployment) for the\nsupported providers. Here’s a few of the more popular hosts that work well with Nuxt.\n\n### One Click Options\n\nNote: Vercel is the recommended deployment target for AgencyOS at the moment because of a few memory issues with the\nbuild process on Netlify.\n\n**Vercel**\n\n\u003Ca href=\"https:\u002F\u002Fvercel.com\u002Fnew\u002Fclone?repository-url=https%3A%2F%2Fgithub.com%2Fdirectus-community%2Fagency-os&env=DIRECTUS_URL,DIRECTUS_SERVER_TOKEN,NUXT_PUBLIC_SITE_URL,STRIPE_SECRET_KEY,STRIPE_PUBLISHABLE_KEY,STRIPE_WEBHOOK_SECRET&project-name=agency-os&demo-title=AgencyOS&demo-description=AgencyOS%20is%20everything%20you%20need%20to%20get%20your%20agency%20off%20the%20ground%2C%20or%20improve%20tooling%20for%20your%20existing%20company.%20Nuxt%203%20Website%20%2F%20Application%20%2B%20Directus%20Backend.&demo-url=https%3A%2F%2Fagencyos.dev&demo-image=https%3A%2F%2Fgithub.com%2Fdirectus-community%2Fagency-os%2Fraw%2Fmain%2Fpublic%2Flogos%2Fagencyos.png&skippable-integrations=1\">\u003Cimg src=\"https:\u002F\u002Fvercel.com\u002Fbutton\" alt=\"Deploy with Vercel\"\u002F>\u003C\u002Fa>\n\n**Netlify**\n\n\u003Ca href=\"https:\u002F\u002Fapp.netlify.com\u002Fstart\u002Fdeploy?repository=https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fagency-os#DIRECTUS_URL=https:\u002F\u002Fyouruniqueid.directus.app\">\u003Cimg src=\"https:\u002F\u002Fwww.netlify.com\u002Fimg\u002Fdeploy\u002Fbutton.svg\" alt=\"Deploy to Netlify\">\u003C\u002Fa>\n\n## **Deploying Directus - Backend**\n\nIf you don't want to mess with DevOps or spinning up servers, you\ncan [spin up a new project on Directus Cloud](https:\u002F\u002Fdirectus.cloud\u002F) in about 90 seconds.\n\nIf you prefer self-hosting, Docker is the recommended way to deploy Directus. Please check the\nofficial [Directus Docker Guide](https:\u002F\u002Fdocs.directus.io\u002Fself-hosted\u002Fdocker-guide.html)\n\n**Resources for Self Hosting Directus**\n\n- [Deploy Directus to DigitalOcean with Docker](https:\u002F\u002Fdocs.directus.io\u002Fblog\u002Fdeploy-directus-digital-ocean-docker.html)\n- [Deploy Directus on Railway](https:\u002F\u002Frailway.app\u002Ftemplate\u002F2fy758)\n\n\u003Cbr \u002F>\n\n---\n\n\u003Cbr \u002F>\n\n# 🧰 Tech Stack\n\n\u003Ca href=\"https:\u002F\u002Fnuxt.com\" target=\"_blank\">\u003Cimg src=\".\u002Fpublic\u002Flogos\u002Fnuxt3.svg\" height=\"40\" \u002F>\u003C\u002Fa>\n\n## Nuxt\n\nBuild your next Vue.js application with confidence using Nuxt. An open source framework under MIT license that makes web\ndevelopment simple and powerful. The leading Vue framework that handles routing, server side rendering, and more.\n\n[Learn more about Nuxt](https:\u002F\u002Fnuxt.com)\n\n\u003Cbr \u002F>\n\n\u003Ca href=\"https:\u002F\u002Fdirectus.io\" target=\"_blank\">\u003Cimg src=\".\u002Fpublic\u002Flogos\u002Fdirectus.svg\" height=\"50\" \u002F>\u003C\u002Fa>\n\n## Directus\n\nDirectus is a headless CMS that instantly turns your SQL database into REST and GraphQL APIs and gives you a beautiful,\nintuitive no-code app to manage all your content and data. But it's also more than just a headless CMS. It’s an open\ndata platform that has all the tools you need for creating, managing, serving, visualizing, and even automating your\ndata for your next web, mobile, or digital project.\n\n[Learn more about Directus](https:\u002F\u002Fdirectus.io)\n\n---\n\n## UI\n\n- [Nuxt UI](https:\u002F\u002Fui.nuxt.com\u002F) - Fully styled and customizable components for Nuxt. Nuxt UI is the official UI\n  component library for Nuxt.\n- [Tailwind CSS](https:\u002F\u002Ftailwindcss.com\u002F) – Utility-first CSS framework that allows you to rapidly build sites and\n  maintain consistency across team members. There are several Tailwind Plugins installed and ready to use as well –\n  [Typography](https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Ftypography-plugin) and [Forms](https:\u002F\u002Ftailwindcss.com\u002Fdocs\u002Fplugins#forms).\n- [Headless UI](https:\u002F\u002Fheadlessui.dev\u002F) – Completely unstyled, fully accessible UI components.\n- [FormKit](https:\u002F\u002Fformkit.com\u002F) – Form library for Vue that saves you hours of time by simplifying form creation.\n  Includes error handling, validation, theming, and even generation from a schema out of the box.\n- [Nuxt Icon](https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Ficon) - Adds `\u003CIcon>` component that allows you use tons of icons.\n  [See available icons here](https:\u002F\u002Ficones.js.org\u002F).\n\n## Utilities\n\n- [VueUse](https:\u002F\u002Fvueuse.org\u002F) – Collection of Vue Composition Utilities. Already installed and configured so you can\n  just import any of the composables in their library straight away.\n- [VueUse Motion](https:\u002F\u002Fmotion.vueuse.org\u002F) – Composables putting your components in motion. Makes it easy to provide\n  tasteful animations with less effort.\n\n\u003Cbr \u002F>\n\n# 🛟 Community Help\n\nFor community help or support, please see the Directus Discord server.\n\n- **[Directus Discord](https:\u002F\u002Fdiscord.com\u002Finvite\u002Fdirectus)** – Join over 10k+ developers and community members to ask\n  questions and live discussion around Directus.\n- **[Nuxt Discord](https:\u002F\u002Fdiscord.com\u002Finvite\u002Fps2h6QT)**\n\n\u003Cbr \u002F>\n\n# ❤️ Contributing\n\nAgencyOS is a community driven project so we'd love to have your contributions.\n\nHere's how you can contribute:\n\n- [Open an issue](https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fagency-os\u002Fissues) if you believe you've encountered a bug.\n- [Make a pull request](https:\u002F\u002Fgithub.com\u002Fdirectus-community\u002Fagency-os\u002Fpulls) to add new features\u002Fmake quality-of-life\n  improvements\u002Ffix bugs.\n\n## 🙏 Thanks To\n\nAgencyOS was created by Bryant Gillespie ([@bryantgillespie](https:\u002F\u002Ftwitter.com\u002Fbryantgillespie)). But big thank yous\nare owed to...\n\n- [@rijkvanzanten](https:\u002F\u002Fgithub.com\u002Frijkvanzanten) and [@benhaynes](https:\u002F\u002Fgithub.com\u002Fbenhaynes) for building\n  Directus and including me on the journey.\n- [@atinux](https:\u002F\u002Fgithub.com\u002FAtinux) and [@alexchopin](https:\u002F\u002Fgithub.com\u002Falexchopin) for creating the Nuxt framework.\n- [@intevel](https:\u002F\u002Fgithub.com\u002FIntevel) and [@becem-gharbi](https:\u002F\u002Fgithub.com\u002Fbecem-gharbi) for each of their separate\n  `nuxt-directus` modules which served as source of inspiration.\n","AgencyOS 是一个为数字代理机构设计的开源操作系统，结合了Directus后端和Nuxt前端框架。它提供了一个可定制的网站模板、客户关系管理（CRM）功能以及项目管理工具，使得用户能够快速搭建自己的解决方案。基于Vue.js构建，并利用了TypeScript、Tailwind CSS等现代技术栈，确保了项目的高效开发与维护。适用于需要提升内部工具效率或希望从零开始建立数字代理业务的企业和个人。通过其高度可扩展性和灵活性，AgencyOS让用户能够根据自身需求定制出最适合的工作流程系统。","2026-06-11 03:21:00","top_language"]