Implementasi Fetch API dalam pengembangan Backend Website Daftar Film dengan Next.JS
(1) Universitas Kristen Satya Wacana, Indonesia
(2) Universitas Kristen Satya Wacana, Indonesia
(*) Corresponding Author
Abstract
This study aims to improve the performance of a film list website by implementing the Next.JS framework along with its Fetching API to solve challenges in search efficiency and providing accurate and up-to-date information for users. The amount of outdated and irrelevant data on film websites often prevents users in finding current movie information. This research develops an application using Next.JS, integrated with the Fetch API, to dynamically retrieve data using Server-Side Rendering (SSR) and Static Site Generation (SSG), improving communication between server and client, while providing a responsive and SEO-friendly user experience. Testing results with Lighthouse and Chrome DevTools show improved performance, with an application score of 92 on the Vercel platform and 82 on the Local side. Cache optimization on Vercel also reduced data transfer size from 2.2 MB to 0.27 MB, significantly speeding up load times and stabilizing the application. These results indicate that the application successfully delivers relevant and up-to-date information with high speed and stable performance. However, this study is limited in terms of testing devices and focuses only on the Vercel hosting platform.
Full Text:
PDFReferences
S. N. Yanti Dan E. Rihyanti, “Penerapan Rest Api Untuk Sistem Informasi Film Secara Daring,” Jurnal Informatika Universitas Pamulang, Vol. 6, No. 1, Mar 2021, Doi: 10.32493/Informatika.V6i1.10033.
A. Muni Dan K. Ihwan, “Perangcangan Sistem Informasi Film Berbasis Web,” Jurnal Teknik Industri Unisi) Penulis: Judul Artikel, Vol. 5, No. 2, Des 2021.
H. Tusakdiah, “Analisis Nilai Pendidikan Karakter Dalam Film Sang Prawira Karya Onet Adithia Rizlan,” Universitas Maritim Raja Ali Haji, Tanjung Pinang, 2022.
T. A. Ningsih Dan I. M. Widiartha, “Pemanfaatan Api Dalam Menampilkan Data Dinamis Untuk Sistem Informasi Film,” Jurnal Elektronik Ilmu Komputer Udayana, Vol. 12, No. 1, Agu 2023.
R. Ardiyanto, E. Ardhianto, Dan C. Author, “Analisa Peformasi Metode Rendering Website: Client Side, Server Side, Dan Incremental Static Regeneration,” Computer Science (Co-Science, Vol. 4, No. 1, Jan 2024.
R. Jubhari Phie Joarno, M. Fajar, Dan A. Yunus, “Implementasi Progressive Web Apps Pada Website Gethelp Menggunakan Next.Js,” Jurnal Kharisma Tech, Vol. 17, 2022, [Daring]. Tersedia Pada: Https://Jurnal.Kharisma.Ac.Id/Kharismatech/
A. Baehaqi, M. S. Basit, R. E. Indrajit, Dan R. D. Kurniawan, “Front End Learning Management System Development Using The Nextjs Framework,” Jurnal Teknik Informatika (Jutif), Vol. 4, No. 4, Hlm. 899–911, Agu 2023, Doi: 10.52436/1.Jutif.2023.4.4.1273.
M. Badrul Dan Kurniawati, “Penerapan Metode Waterfall Untuk Perancangan Sistem Informasi Inventory Pada Toko Keramik Bintang Terang,” Jurnal Prosisko, Vol. 8, No. 2, Sep 2021.
P. Paunikar, D. Londhe, S. Pawar, R. Phulari, S. Dondge, Dan R. Chauhan, “Building A Real-Time Web-Based Chat Application With Next.Js, Mongodb, And Prisma Orm: Enhancing User Experience Through Optimized Decision-Making,” Journal Of Basic Science And Engineering, Vol. 21, No. 1, 2024.
H. A. Jartarghar, G. Rao Salanke, A. A. Kumar, Dan S. Dalali, “React Apps With Server-Side Rendering: Next.Js,” Journal Of Telecommunication, Electronic And Computer Engineering, Vol. 14, No. 4, Hlm. 25–29, 2022.
R. Maududy Dan D. R. Nursamsi, “Pengembangan Real-Time Monitoring Dan Data Logging Berbasis Web Pada Proses Robot Painting Untuk Meningkatkan Efisiensi Produksi,” Informatics And Digital Expert (Index), Vol. 5, No. 2, Hlm. 89–94, 2023, [Daring]. Tersedia Pada: Https://E-Journal.Unper.Ac.Id/Index.Php/Informatics
R. Sinulingga Dan I. M. Suartana, “Implementasi Server Side Rendering Pada Sistem Absensi Mahasiswa Berbasis Website,” Journal Of Informatics And Computer Science, Vol. 5, No. 4, 2024.
T. Le, “Comparison Of State Management Solutions Between Context Api And Redux Hook In Reactjs,” Metropolia University Of Applied Sciences, 2021.
Suprihadi, S. Wijono, Dan K. D. Hartomo, “Analysis Service Architecture Utilizing Middleware For Information Services Management Systems,” International Journal Of Applied Science And Engineering, Vol. 21, No. 2, 2023, Doi: 10.6703/Ijase.202406_21(2).001.
A. Adli, T. Wihayanti, Dan D. Witarsyah, “Top 5 E-Commerce Performance Analysis Using Google Lighthouse Matrix,” Proceedings Of The International Conference On Enterprise And Industrial Systems (Icoeins 2023), Hlm. 239–248, 2023, Doi: 10.2991/978-94-6463-340-5_21.
DOI: https://doi.org/10.30645/kesatria.v6i1.560
DOI (PDF): https://doi.org/10.30645/kesatria.v6i1.560.g555
Refbacks
- There are currently no refbacks.
Published Papers Indexed/Abstracted By: