Perancangan dan Implementasi Aplikasi We Berita Online Menggunakan Framework Next JS

Penulis

  • Zoulvia Hanest Khinanti Universitas Islam Balitar
  • Bintang Lailatul Mukaromah
  • Indyah Hartami Santi

DOI:

https://doi.org/10.36382/jti-tki.v16i2.578

Kata Kunci:

Blog Berita; Metode Waterfall; Next.Js; JWT; Mongodb; Website

Abstrak

Web berita online merupakan salah satu bentuk pemanfaatan teknologi digital yang terus berkembang, seiring dengan meningkatnya kebutuhan masyarakat terhadap informasi yang cepat, akurat, dan mudah diakses. Untuk mendukung kebutuhan tersebut, dikembangkan sebuah sistem berbasis web dengan menerapkan teknologi modern seperti API, autentikasi Google, JSON Web Token (JWT), Next.js, Tailwind CSS, dan MongoDB. API digunakan sebagai penghubung antara antarmuka pengguna dan sistem backend dalam pengelolaan data berita serta akun pengguna. Autentikasi Google mempermudah proses login tanpa registrasi manual, sedangkan JWT digunakan untuk menjaga keamanan saat pertukaran data. Next.js diterapkan untuk meningkatkan performa melalui server-side rendering, sementara Tailwind CSS membantu menciptakan antarmuka yang responsif dan konsisten. MongoDB berfungsi sebagai basis data fleksibel untuk menyimpan informasi secara efisien. Sistem ini dirancang dengan pendekatan berbasis komponen agar lebih terstruktur dan mudah dikembangkan. Hasil akhir menunjukkan bahwa web berita yang dibangun mampu memberikan pengalaman pengguna yang cepat, aman, dan menarik secara visual, serta layak digunakan sebagai platform informasi digital yang modern dan efisien.

Referensi

[1] C. R. Dhona, P. K. Handayani, dan E. Darmanto, “RANCANG BANGUN WEB RESPONSIF UNTUK SISTEM INFORMASI PELAYANAN PERBAIKAN SMARTPHONE,” Indonesian Journal of Technology, Informatics and Science (IJTIS), vol. 4, no. 1, hlm. 5–8, Des 2022.
[2] F. S. Hamdi dan I. Maita, “Pelatihan Pembuatan Website Memanfaatkan Wix Untuk Blog Pribadi Pada Siswa SMAN 2 Gunung Talang: Website Development Training Using Wix for Personal Blogs for Students of SMAN 2 Gunung Talang,” CONSEN, vol. 2, no. 2, hlm. 64–69, Nov 2022.
[3] Unggul Budi Astowo dan Ari Sujarwo, “Penerapan JSON Web Token sebagai Strategi Pengamanan Data pada Aplikasi MultiMasjid,” Journal Of Social Science Research, vol. 3, no. 6, hlm. 5279–5292, 2023.
[4] R. A. Ananda dan G. F. Nama, “ANALISIS DAN PERANCANGAN LAYANAN STREAMING FILM BERBASIS WEB LANGGANAN MENGGUNAKAN FRAMEWORK NEXTJS,” JITET, vol. 12, no. 1, Jan 2024.
[5] F. F. Azzahra, B. Rosa Sekamayang, dan R. Habibi, “Integrasi Google OAuth dan Payment Gateway Midtrans dalam KosConnect,” processor, vol. 20, no. 1, Mei 2025, doi: 10.33998/processor.2025.20.1.2185.
[6] A. A. Wahid, “Analisis Metode Waterfall Untuk Pengembangan Sistem Informasi,” Jurnal Ilmu-ilmu Informatika dan Manajemen STMIK, 2020.
[7] P. Maharani, “Pengembangan Website PT. Rantangin Digital Indonesia Menggunakan Framework Next Js dan Tailwind CSS,” Repeater, vol. 3, no. 1, hlm. 129–137, Jan 2025.
[8] M. Alda dan D. R. Sahendra, “PERANCANGAN SISTEM INFORMASI INVENTARIS BARANG BERBASIS WEB PADA DISPORA SUMUT,” Simtek : jurnal sistem informasi dan teknik komputer, vol. 8, no. 1, Art. no. 1, Apr 2023, doi: 10.51876/simtek.v8i1.163.
[9] G. K. Wardana, B. Rahayudi, dan W. H. N. Putra, “Pengembangan E-Commerce dengan Integrasi API Payment Gateway Midtrans,” urnal Pengembangan Teknologi Informasi dan Ilmu Komputer, vol. 5, no. 11, hlm.

Unduhan

Diterbitkan

2026-01-29

Terbitan

Vol 16 No 2 (2025): JURNAL TEKNOLOGI INFORMASI: Teori, Konsep dan Implementasi Vol 16 No 2 Tahun 2025.

Bagian

Artikel

Lisensi

Hak Cipta (c) 2026 Zoulvia Hanest Khinanti, Bintang Lailatul Mukaromah, Indyah Hartami Santi

Creative Commons License

Artikel ini berlisensi Creative Commons Attribution 4.0 International License.