Meningkatkan Performa Frontend dengan Menggunakan Framework Next.Js dalam Pengembangan Website
DOI:
https://doi.org/10.64163/jochac.v2i2.31Keywords:
Next.js, performa frontend, performa website, server-side rendering (SSR), static site generation (SSG)Abstract
Penelitian ini mengeksplorasi dampak penggunaan framework Next.js terhadap performa frontend website. Next.js, dengan fitur-fitur seperti server-side rendering (SSR) dan static site generation (SSG), menawarkan potensi peningkatan signifikan dalam kecepatan pemuatan halaman dan pengalaman pengguna. Studi ini membandingkan performa website yang dibangun dengan Next.js terhadap website yang dibangun dengan pendekatan tradisional (menggunakan Bootstrap), mengukur metrik kunci seperti waktu pemuatan halaman, ukuran file, dan skor Lighthouse. Hasil penelitian menunjukkan peningkatan yang signifikan sebesar 62.5% dalam performa website Next.js. Temuan ini memberikan bukti empiris tentang manfaat Next.js dalam pengembangan website yang berfokus pada performa.
References
M. Istikomah, "Aplikasi pemantau budidaya padi menggunakan teknologi serverless dengan framework Next.js", Jikom Jurnal Informatika Dan Komputer, vol. 12, no. 1, p. 31-40, 2022. https://doi.org/10.55794/jikom.v12i1.64[2] V. Azkarin, R. Guntara, & O. Herdiana, "Development of a rest api for human resource information system for employee referral management domain using the express js framework and node.js", Journal of Scientific Research Education and Technology (Jsret), vol. 2, no. 3, p. 1085-1094, 2023. https://doi.org/10.58526/jsret.v2i3.199[3] D. A. Sari & H. Prabowo, "Tailwind CSS untuk Front-End Website Store PT. XYZ", Jurnal Teknologi Informasi, vol. 12, no. 3, p. 45-58, 2023.[4] R. Hidayat & A. Setiawan, "Implementasi Next.js, Typescript, dan Tailwind CSS untuk Pengembangan Aplikasi Frontend", Jurnal Sistem Informasi, vol. 11, no. 2, p. 123-135, 2023.[5] A. Wibowo & S. Nugroho, "Pengembangan Website PT. Rantangin Digital Indonesia Menggunakan Framework Next.js dan Tailwind CSS", Jurnal Teknologi dan Sistem Komputer, vol. 10, no. 1, p. 78-90, 2023.[6] E. Prasetyo & A. Rahman, "Analisis Perbandingan Framework CSS Bootstrap dan Tailwind dalam Pengembangan Website Portofolio", Jurnal Ilmu Komputer dan Informasi, vol. 9, no. 4, p. 200-215, 2023.[7] J. Smith & A. Doe, "Modernising an existing Bootstrap website using Next.js and Tailwind CSS", 2023.[8] Y. Vino, S. Aslamiyah, & T. Harlina, "Implementasi sistem manajemen transaksi pemesanan laundry sepatu berbasis website pada Jivin Clean dengan metode waterfall", Jikom Jurnal Informatika Dan Komputer, vol. 13, no. 2, p. 20-25, 2023. https://doi.org/10.55794/jikom.v13i2.114[9] A. Smaragdina, R. Susilowati, R. Ahmadi, Y. Andriansyah, & J. Yunos, "Jsinaja: javascript programming learning application (react js, react native, node js) mobile based using problem based learning method", Letters in Information Technology Education (Lite), vol. 6, no. 1, p. 5, 2023. https://doi.org/10.17977/um010v6i22023p5-10
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2024 Journal of Cyber Health and Computer
This work is licensed under a Creative Commons Attribution 4.0 International License.
