SC Warta Nuxt — Portal Berita Multi-Penulis Full-Stack (Nuxt 4 + MySQL)

SC Warta Nuxt adalah aplikasi portal berita multi-penulis full-stack siap pakai, dibangun dengan Nuxt 4 (Vue 3 + TypeScript, server-side rendering) dan database MySQL / MariaDB. Bukan sekadar template: login, panel redaksi, alur persetujuan artikel, komentar, newsletter, dan formulir kontak semuanya sudah tersambung ke database.

Sekali beli, dapat source code lengkap. Semuanya disertakan — frontend, server API, skema database, skrip migrasi & data contoh — dengan lisensi non-eksklusif seumur hidup: boleh dipakai untuk situs sendiri maupun klien tanpa batas, diubah sesuka hati, dan diganti mereknya (white-label, atribusi boleh dihapus).

Member PRO hemat 20%. Harga khusus Member PRO otomatis berlaku saat checkout.

Tampilan: memakai desain SC Warta HTML yang juga bisa di-download gratis — layout ala portal berita nasional, judul serif berwibawa (Source Serif 4), teks Inter, aksen merah, plus 40 ilustrasi SVG orisinal.

Situs publik:

• Beranda: berita utama, ticker breaking news (bisa dijeda), berita terbaru, trending, blok per kategori, video, opini/editorial, newsletter.
• Detail berita dengan penghitung pembaca, tag, profil penulis, berita terkait, tombol bagikan, dan komentar dengan moderasi.
• Halaman kategori (paginasi), profil penulis, pencarian + filter, login & daftar, serta halaman tentang, redaksi, kontak, pedoman media siber, dan kebijakan privasi.
• Siap SEO: render di server (SSR), meta & Open Graph per halaman, canonical, data terstruktur NewsArticle, sitemap.xml, robots.txt, dan RSS /feed.xml.

Panel redaksi:

• 5 role: Super Admin, Administrator, Editor, Author, Contributor — menu dan hak akses berbeda per role.
• Alur redaksi lengkap: Draft → Pending Review → (Minta Revisi ↺) → Approved → Published, atau Ditolak — setiap perubahan status tercatat (siapa, kapan, catatan).
• Editor artikel TinyMCE 6 berbahasa Indonesia: slug otomatis, kategori, tag, gambar utama, SEO title/description + pratinjau Google, penempatan (headline, breaking news, opini).
• Antrian review untuk Editor: setujui, minta revisi dengan catatan, tolak, atau terbitkan.
• Dasbor statistik, manajemen pengguna & role, kategori, video, moderasi komentar, pesan kontak, pelanggan newsletter, notifikasi dalam aplikasi, profil (foto, bio, media sosial), sesi perangkat, dan pengaturan identitas situs.

Keamanan: hak akses setiap role dicek di server (bukan sekadar menyembunyikan tombol — Contributor yang memaksa menerbitkan lewat API ditolak 403), sesi cookie tersegel yang bisa dicabut, kata sandi bcrypt, pembatasan percobaan login, perlindungan CSRF, isi artikel disanitasi saat disimpan, dan gambar yang di-upload diperiksa dari isi berkasnya (bukan ekstensi). Semua pustaka di-host sendiri, tanpa CDN.

Teknologi: Nuxt 4.6, Vue 3, TypeScript, Drizzle ORM + mysql2, zod, nuxt-auth-utils, sanitize-html, Bootstrap 5.3, Font Awesome 6, TinyMCE 6 (MIT).

Kebutuhan server: Node.js 20+ dan MySQL 8 / MariaDB 10.6+. Karena berbasis Node.js, aplikasi ini perlu VPS atau hosting yang mendukung aplikasi Node.js — tidak bisa dipasang di hosting cPanel PHP biasa. README berisi panduan lengkap: instalasi lokal, migrasi & data contoh, build produksi, contoh PM2, dan konfigurasi Nginx.

Isi paket: source code lengkap, migrasi database + data contoh (sekitar 116 artikel, 12 pengguna demo), skrip uji otomatis (Playwright), README.md, LICENSE.md, dan NOTICE.md. Diuji 85 skenario otomatis (semua halaman di desktop & HP, alur redaksi, uji hak akses, upload gambar, dan moderasi komentar).

Coba demo: klik tombol Lihat Demo, lalu masuk dengan salah satu akun di bawah untuk mencoba tiap level. Semua akun memakai kata sandi Demo12345!. Data demo kembali bersih setiap jam.

• Super Admin — andika@kabarsenandika.test (akses penuh, termasuk akun Super Admin, identitas situs & pengaturan sistem)
• Administrator — raka@kabarsenandika.test (semua hak Editor + kelola kategori, pengguna & role, pesan kontak, newsletter)
• Editor — laras@kabarsenandika.test (antrian review: setujui, minta revisi, tolak, terbitkan; sunting artikel penulis lain; moderasi komentar & video)
• Author — dimas@kabarsenandika.test (menulis, upload gambar, dan mengajukan artikel untuk review; tidak bisa terbit langsung)
• Contributor — fitri@kampus.test (menulis draf dan mengajukan untuk review; tanpa upload gambar)

Catatan versi 1.0: pengiriman email (lupa kata sandi, ringkasan mingguan) belum disertakan karena butuh layanan SMTP; gambar yang di-upload belum dikompres otomatis; diuji di MariaDB (MySQL 8 didukung lewat skema yang kompatibel).

Lisensi (ringkas): boleh dipakai untuk situs sendiri/klien tanpa batas, diubah, dan di-white-label. Dilarang menjual atau membagikan ulang kodenya sebagai template/script/produk, meng-upload-nya ke repositori publik, atau menjadikannya SaaS multi-pelanggan tanpa izin. Ketentuan lengkap ada di LICENSE.md.