PPMI Madinah

Website PPMI Madinah dirancang sebagai rumah informasi bagi pelajar dan mahasiswa Indonesia di Madinah. Halaman utamanya memperkenalkan organisasi melalui identitas Solid • Aktif • Dedikatif, lalu mengarahkan pengunjung ke informasi kampus, publikasi, panduan studi, profil organisasi, dan dokumentasi kegiatan komunitas.

Mengenal pilihan studi di Madinah

Direktori pendidikan memuat tiga jalur yang berbeda: Universitas Islam Madinah, program perkuliahan di Masjid Nabawi, dan Universitas Taibah. Setiap halaman dibangun dari Markdown dan memuat gambaran institusi, bidang studi, keunggulan, lingkungan belajar, serta petunjuk pendaftaran. Karena halaman kampus dibaca secara dinamis oleh homepage, konten baru dapat masuk ke katalog tanpa menulis ulang komponen antarmuka.

Bagian Study in Saudi disiapkan sebagai pintu masuk menuju panduan pendaftaran kampus di Madinah dan Arab Saudi. Portal juga menempatkan profil PPMI sebagai konteks penting: organisasi hadir untuk mempererat komunitas, mendukung kehidupan akademik, serta membantu adaptasi mahasiswa Indonesia di Kota Nabi.

Publikasi yang dapat dikelola tim media

Artikel memiliki field judul, penulis, status headline, tanggal, kategori, tags, gambar, ringkasan, dan body. Homepage memisahkan headline dari artikel biasa, sementara halaman publikasi menyajikan seluruh konten dalam grid responsif. Repository menyertakan empat artikel contoh bertanggal Desember 2024 untuk membuktikan alur tersebut.

Decap CMS menyediakan editor berbasis web di route /admin. Konfigurasi koleksinya menulis artikel kembali ke repository sebagai Markdown, sedangkan Netlify Identity dan Git Gateway disiapkan untuk autentikasi editor. Dengan pendekatan ini, tim media dapat menerbitkan konten tanpa menyentuh komponen Astro secara langsung.

Static site dengan identitas organisasi

Astro 4 menghasilkan halaman statis, Tailwind CSS menangani layout responsif, dan plugin typography membentuk tampilan artikel. Sistem warna memakai hijau PPMI #0A923E, latar krem, teks gelap, serta aksen toska. Noto Sans dan Noto Sans Arabic mendukung kebutuhan tipografi Latin maupun Arab.