AgencyOS adalah segalanya yang Anda perlukan untuk memulai biro iklan Anda, atau meningkatkan peralatan untuk perusahaan Anda yang sudah ada. Nuxt 3 Situs Web / Aplikasi + Directus Backend.
Dipersembahkan oleh keajaiban kemitraan antara Directus dan NuxtLabs.
Pendahuluan · Fitur · ? Instalasi dan Pengembangan · ? Penerapan · ? Tumpukan Teknologi · ? Bantuan Komunitas · ❤️ Berkontribusi
Salah satu bagian termudah dalam menjalankan agensi digital yang sukses adalah melakukan pekerjaan sebenarnya . Maksud saya - siapa yang tidak suka berkolaborasi, merancang, dan membuat hal-hal menakjubkan untuk klien?
Bagian tersulitnya adalah segala sesuatu yang berhubungan dengan hal tersebut – mengelola proyek besar dengan banyak bagian yang bergerak, berkomunikasi dengan klien untuk mengelola ekspektasi dengan baik, memastikan Anda dibayar tepat waktu, dan banyak lagi.
Ketika setiap jam yang dapat ditagih berarti, Anda tidak punya waktu untuk membuat alat sendiri dari awal. Dan Anda tidak boleh dipaksa untuk puas dengan teknologi siap pakai yang tidak sesuai dengan alur kerja pilihan Anda.
AgencyOS adalah sistem operasi sumber terbuka untuk membantu Anda menjalankan (atau memulai) agensi digital Anda. Itu dibangun di atas alat sumber terbuka (Nuxt dan Directus) dan dirancang agar 100% dapat diretas sehingga Anda dapat membangun solusi ANDA, aplikasi manajemen proyek ANDA, sistem operasi agensi ANDA – dalam waktu singkat.
Mengapa?
Cukup banyak orang di tim inti Directus yang memiliki pengalaman menjalankan agensi dan kami tahu bahwa tidak semuanya berjalan lancar. Kami ingin membangun alat yang dapat memberikan banyak manfaat bagi mitra agensi kami (dan agensi lainnya). Ini juga dibuat sebagai contoh lengkap untuk menunjukkan kekuatan dan fleksibilitas Directus sebagai platform untuk membangun aplikasi dan alat Anda sendiri dengan cepat.
Memulai
Saat Anda bekerja keras memberikan hasil untuk klien - situs Anda sendiri cenderung menderita. AgencyOS menyertakan templat situs web cantik yang mudah disesuaikan dan sudah terintegrasi dengan CMS tanpa kepala yang mudah digunakan.
Ini bukan templat pemula. Ini adalah proyek situs web lengkap untuk Anda sesuaikan atau menginspirasi Anda untuk membangun solusi yang lebih baik lagi.
Mempertahankan hubungan penting dengan klien tidak hanya menjadi tanggung jawab tim penjualan. Jadi mengapa harus memisahkan manajemen proyek dan alat CRM? AgencyOS menyertakan CRM yang sepenuhnya dapat disesuaikan sehingga Anda dapat bekerja sesuai keinginan Anda.
Komunikasi mungkin merupakan pendorong terbesar keberhasilan proyek. Dengan portal klien pribadi AgencyOS - Anda dapat memastikan klien Anda selalu mendapatkan informasi terkini dan bahkan meminta pertanggungjawaban mereka dalam mengirimkan file dan informasi yang Anda perlukan untuk menyelesaikan proyek mereka
Ada dua bagian utama AgencyOS - backend dan API yang didukung oleh Directus serta situs web frontend dan aplikasi yang didukung oleh Nuxt.
Ada dua cara Anda dapat dengan cepat menyiapkan proyek Directus untuk digunakan pada AgencyOS.
1a - Daftar akun Directus Cloud
https://directus.cloud/register
Ini adalah tombol mudahnya. Anda tidak perlu mengotak-atik Docker atau memikirkan cara menerapkan instans Directus di AWS, Digital Ocean, atau host serupa. Beberapa klik dan dalam waktu kurang dari 2 menit Anda akan memiliki proyek Directus yang siap digunakan.
Directus menawarkan uji coba gratis selama 14 hari untuk proyek Cloud yang merupakan waktu yang cukup untuk mencoba AgencyOS. Catatan: Setelah uji coba 14 hari, Anda harus membayar untuk layanan tersebut. Lihat halaman harga Directus untuk informasi harga terbaru.
ATAU
1b - Menghosting Sendiri Mesin Virtual Directus
Jika Anda lebih memilih untuk menghosting sendiri Directus, kami sangat menyarankan Anda melakukannya dengan Docker.
Catatan Penting : Ini adalah rilis komunitas sumber terbuka dan gratis. Oleh karena itu, kami tidak dapat memberikan dukungan untuk instance yang dihosting sendiri TANPA lisensi Enterprise Self-Hosted atau perjanjian dukungan resmi. Pelajari lebih lanjut dan hubungi tim kami untuk detail tentang Enterprise Self-Hosted.
Anda akan menemukan docker-compose.yaml
di dalam repo yang dapat Anda gunakan untuk dengan cepat menjalankan instance lokal Directus untuk diuji. Anda harus menginstal dan menjalankan Docker di mesin Anda terlebih dahulu. Anda dapat mengunduhnya di sini .
PostgreSQL adalah vendor database yang teruji dan disukai untuk proyek ini. Proyek ini telah diuji dan diverifikasi agar berfungsi dengan file docker-compose.yaml yang disertakan dalam repo. Directus mendukung banyak vendor database SQL yang berbeda, tapi kami HANYA menguji proyek ini terhadap 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/
Anda dapat menemukan petunjuk instalasi lebih lanjut menggunakan Docker di sini di dokumentasi Directus.
Untuk menerapkan proyek secara langsung, silakan lihat bagian Penerapan.
Anda memerlukan token statis untuk menyemai proyek.
Buka terminal Anda, jalankan perintah berikut, dan cukup ikuti petunjuknya.
npx directus-template-cli@latest apply
Menggunakan tag @latest memastikan Anda mengunduh versi terbaru templat kami - jika Anda pernah menjalankan perintah sebelumnya.
Agency OS
.Anda dapat mempelajari lebih lanjut tentang alat Directus Template CLI di sini. Catatan : Diperlukan waktu beberapa menit untuk menjalankan skrip templat jika Anda menggunakan instance Directus yang dihosting dari jarak jauh.
Untuk situs web dan portal klien Anda, AgencyOS menggunakan Nuxt sebagai kerangka frontend pilihan.
Gunakan Templat Ini
Atau dari terminal
git clone https://github.com/directus-community/agency-os.git your-project
Arahkan ke proyek
cd your-project
env.example
menjadi .env
File .env
Anda akan terlihat seperti ini.
# 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
Silakan periksa Dokumentasi Penerapan Nuxt resmi untuk penyedia yang didukung. Berikut beberapa host populer yang bekerja baik dengan Nuxt.
Catatan: Vercel adalah target penerapan yang disarankan untuk AgencyOS saat ini karena beberapa masalah memori dengan proses pembangunan di Netlify.
Vercel
Netlifikasi
Jika Anda tidak ingin dipusingkan dengan DevOps atau menjalankan server, Anda dapat menjalankan proyek baru di Directus Cloud dalam waktu sekitar 90 detik.
Jika Anda lebih memilih hosting mandiri, Docker adalah cara yang disarankan untuk menggunakan Directus. Silakan periksa Panduan Directus Docker resmi
Sumber Daya untuk Self Hosting Directus
Bangun aplikasi Vue.js Anda berikutnya dengan percaya diri menggunakan Nuxt. Kerangka kerja sumber terbuka di bawah lisensi MIT yang membuat pengembangan web menjadi sederhana dan kuat. Kerangka kerja Vue terkemuka yang menangani perutean, rendering sisi server, dan banyak lagi.
Pelajari selengkapnya tentang Nuxt
Directus adalah CMS tanpa kepala yang secara instan mengubah database SQL Anda menjadi REST dan GraphQL API dan memberi Anda aplikasi tanpa kode yang cantik dan intuitif untuk mengelola semua konten dan data Anda. Namun ini juga lebih dari sekadar CMS tanpa kepala. Ini adalah platform data terbuka yang memiliki semua alat yang Anda perlukan untuk membuat, mengelola, menyajikan, memvisualisasikan, dan bahkan mengotomatiskan data Anda untuk proyek web, seluler, atau digital berikutnya.
Pelajari lebih lanjut tentang Directus
<Icon>
yang memungkinkan Anda menggunakan banyak ikon. Lihat ikon yang tersedia di sini. Untuk bantuan atau dukungan komunitas, silakan lihat server Directus Discord.
AgencyOS adalah proyek berbasis komunitas, jadi kami ingin menerima kontribusi Anda.
Inilah cara Anda dapat berkontribusi:
AgencyOS dibuat oleh Bryant Gillespie (@bryantgillespie). Tapi terima kasih yang sebesar-besarnya harus diberikan kepada...
nuxt-directus
terpisah yang berfungsi sebagai sumber inspirasi.