RANCANG BANGUN SISTEM INFORMASI PORTAL BERITA BERBASIS WEB MENGGUNAKAN NEXT.JS DAN LARAVEL DENGAN KONSEP SERVER-SIDE RENDERING
Abstract
Portal berita digital memerlukan performa tinggi dan optimasi SEO agar konten dapat diakses dengan cepat. Penelitian ini merancang dan membangun sistem informasi portal berita berbasis web pada Klojen.com menggunakan arsitektur decoupled dengan Next.js 15 sebagai frontend dan Laravel 12 sebagai backend. Pendekatan Server-Side Rendering (SSR) dan Incremental Static Regeneration (ISR) diterapkan untuk meningkatkan performa dan SEO melalui metadata dinamis. Fitur utama sistem meliputi pengelolaan artikel, pencarian menggunakan MySQL Full-Text Search, komentar bertingkat, bookmark artikel, pelacakan kunjungan, serta pembuatan sitemap dan Open Graph metadata secara otomatis. Pengujian black-box menunjukkan seluruh 18 skenario berjalan sesuai spesifikasi. Hasil pengujian menunjukkan implementasi SSR menghasilkan Time to First Byte (TTFB) di bawah 200 ms, sedangkan pengujian Google Lighthouse memperoleh skor Performance 92, Best Practices 96, dan SEO 100, yang menunjukkan performa sistem yang baik serta dukungan terhadap optimasi mesin pencari.
Downloads
References
H. F. H. Pratama, R. Hamonangan, R. Herdiana, E. Tohidi, and U. Hayati, “Rancang Bangun Sistem Informasi Portal Berita Berbasis Web pada Dinas Pemuda dan Olahraga Kabupaten Cirebon,” Means (Media Informasi Analisa dan Sistem), vol. 7, no. 1, pp. 85–91, Jun. 2022, doi: 10.54367/means.v7i1.1856.
Y. Devianto and S. Dwiasnati, “Rancang Bangun Web Portal Berita Sebagai Sumber Informasi Berita Tentang Pertanian,” JATISI (Jurnal Teknik Informatika dan Sistem Informasi), vol. 8, no. 2, pp. 534–542, Jun. 2021.
P. Arifin, “Persaingan Tujuh Portal Berita Online Indonesia Berdasarkan Analisis Uses and Gratifications,” Jurnal Ilmu Komunikasi, vol. 10, no. 2, 2013, doi: 10.24002/jik.v10i2.353.
A. B. Nugroho and A. Prihandani, “Rancang Bangun Sistem Pembelian E-Ticket Berbasis Website dengan Konsep Server-Side Rendering Menggunakan Framework Next.js pada Wisata Telaga Kusuma Jumantono,” JATI (Jurnal Mahasiswa Teknik Informatika), vol. 7, no. 2, 2023.
H. Hafizh, A. D. Herlambang, and A. H. Brata, “Analisis Perbandingan Server Side dan Client Side Data Fetching pada Framework Next.js (Studi Kasus Aplikasi Online Course),” Jurnal Pengembangan Teknologi Informasi dan Ilmu Komputer (J-PTIIK), vol. 9, no. 3, 2025. [Online]. Available: https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/14579
Vercel Inc., “Next.js 15 Documentation—Server-Side Rendering, Static Generation, Incremental Static Regeneration, and App Router,” Next.js Documentation, 2025. [Online]. Available: https://nextjs.org/docs
N. Rahmawati and A. Sumarsono, “Desain Pengembangan Website dengan Arsitektur Model View Controller pada Framework Laravel,” JTEKSIS (Jurnal Teknologi dan Sistem Informasi), 2024.
R. I. Melyani, R. Rosita, and S. Aji, “Pengembangan Sistem Informasi Penggajian Berbasis Web Menggunakan Framework Laravel dengan Metode Agile Software Development,” Jurnal Sistem Informasi Akuntansi (JASIKA), vol. 3, no. 1, pp. 31–36, May 2023, doi: 10.31294/jasika.v3i01.2195.
R. N. A. Zain, F. Wahyudi, N. Ratnasari, and P. Choirina, “Rancang Bangun Aplikasi Arsip Surat Berbasis Website di Fakultas Sains dan Teknologi Menggunakan Framework Laravel,” JUSIFOR: Jurnal Sistem Informasi dan Informatika, vol. 2, no. 1, pp. 35–40, Jun. 2023, doi: 10.33379/jusifor.v2i1.1652.
A. Darmawan and S. Hidayatuloh, “Rancang Bangun Sistem Pendaftaran Magang Balai Layanan Perpustakaan DPAD DIY Menggunakan Framework Laravel,” Citizen: Jurnal Ilmiah Multidisiplin Indonesia, vol. 5, no. 6, pp. 1856–1863, 2025, doi: 10.53866/jimi.v5i6.1128.
A. Hajar, “Use of Fulltext Indexing to Improve Data Search Efficiency in MySQL Database,” Sains dan Teknologi, vol. 2, no. 2, pp. 93–100, 2022. [Online]. Available: https://stmikpontianak.ac.id/ojs/index.php/ST/article/view/1264
E. K. Suni and Y. Devianto, “Penerapan Metode Search Engine Optimization untuk Meningkatkan Peringkat Website Portal Berita Inakoran.com di Kota Tangerang,” E-Dimas: Jurnal Pengabdian kepada Masyarakat, vol. 11, no. 3, pp. 354–360, 2020, doi: 10.26877/e-dimas.v11i3.5838.
“Rancang Bangun Frontend Sistem Informasi Capaian Pembelajaran Lulusan (CPL) Berbasis Web Menggunakan Metode Agile Kanban,” JITET (Jurnal Informatika dan Teknik Elektro Terapan), vol. 12, 2024.
W. Ningsih and H. Nurfauziah, “Perbandingan Model Waterfall dan Metode Prototype untuk Pengembangan Aplikasi pada Sistem Informasi,” Jurnal Ilmiah METADATA, vol. 5, no. 1, pp. 83–95, 2023, doi: 10.47652/metadata.v5i1.311.
Y. Anis, E. N. Wahyudi, and H. C. Kurniawan, “Metode Waterfall dalam Pengembangan Sistem Inventaris Guna Meningkatkan Efisiensi Manajemen Stok Barang,” Jurnal Teknologi dan Sistem Informasi Bisnis, vol. 6, no. 2, pp. 329–338, 2024, doi: 10.47233/jteksis.v6i2.1351.
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
