Trends and Best Practices in API-Based Web Development Using Laravel and React
DOI:
https://doi.org/10.47709/brilliance.v5i1.5971Keywords:
laravel, react, API, WEB, Architecture, Single Page AplicationAbstract
Modern web development is undergoing a paradigm shift marked by the increasing adoption of API-based architectures that decouple frontend and backend responsibilities. This separation enables the development of modular, scalable, and maintainable applications, particularly through the combination of Laravel and React. This study aims to explore current trends and best practices in API-driven web application development by conducting a systematic literature review of academic publications and technical documentation published between 2022 and 2024.
Laravel, a robust PHP backend framework, provides a powerful foundation for implementing RESTful APIs, while React, a declarative JavaScript library, enhances user interface responsiveness through efficient state management and component-based architecture. The review identifies several best practices: implementing RESTful principles, leveraging React's useContext and Redux for state handling, and maintaining well-structured and versioned API documentation using tools like Swagger. Integration between the two technologies offers high flexibility but presents technical challenges such as handling secure authentication (e.g., using Laravel Sanctum or Passport), managing asynchronous data flow, and configuring Cross-Origin Resource Sharing (CORS) policies correctly.
Furthermore, emerging trends such as headless CMS, Single Page Applications (SPA), Server-Side Rendering (SSR), and microservices architecture have gained traction in enhancing performance, SEO, and development scalability. These trends reflect a broader movement toward decoupled and distributed systems. By synthesizing these findings, this study provides strategic insights for developers, educators, and researchers to better navigate the evolving landscape of web application development using Laravel and React in an API-centric ecosystem.
References
Abidin, H., Mukhlis, I., & Zagladi, A. N. (2023). Multi-method Approach for Qualitative Research: Literature Review with NVivo 12 PRo Mapping. Kalam Cendekia: Jurnal Ilmiah …. Retrieved from https://jurnal.uns.ac.id/jkc/article/view/80748
Aji, B. S. (2023). 2023 Complete Front-End Engineer Career With ReactJS Di PT Marka Kreasi Persada. repository.unisbablitar.ac.id. Retrieved from https://repository.unisbablitar.ac.id/id/eprint/226/1/Aji Budi Santoso TI 2020.pdf
Aprilia, A., & Mulianingtyas, O. (n.d.). ORKESTRASI CONTINUOUS INTEGRATION/CONTINUOUS DELIVERY (CI/CD) DAN AUTOMATED TESTING PADA DEVOPS MARKETPLACE …. Journal.Uinsi.Ac.Id. Retrieved from https://journal.uinsi.ac.id/index.php/DiJITAC/article/download/7368/2734
Ardiyanto, R., & Ardhianto, E. (2024). Analisa Performasi Metode Client Side Rendering, Server Side Rendering, dan Incremental Static Regeneration dalam Proses Website Rendering. Computer Science (CO-SCIENCE). 103.75.24.116. Retrieved from http://103.75.24.116/index.php/co-science/article/view/2427
Arif, A. H. (2024). Analisis Performa Model Protokol API REST, SOAP, GraphQL dan RPC dalam Simulasi Create, Read, Update, Delete, Sorting, dan Searching Data. rama.unimal.ac.id. Retrieved from https://rama.unimal.ac.id/id/eprint/4772/
Ariyanto, Y., Farhan, M., Rachmad, F., & Puspitasari, D. (2024a). Issue 2 Year 2024 Pages 66-73 Jurnal Manajemen Teknologi dan Informatika. Matrix: Jurnal Manajemen Teknologi Dan Informatika, 14(2), 66–73. Retrieved from https://ojs2.pnb.ac.id/index.php/MATRIX/article/view/1413
Ariyanto, Y., Farhan, M., Rachmad, F., & Puspitasari, D. (2024b). Laravel Framework and Native PHP?: Comparison in the Creation of Rest API. Matrix: Jurnal Manajemen Teknologi Dan Informatika, 14(2), 66–73. Retrieved from https://ojs2.pnb.ac.id/index.php/MATRIX/article/view/1413
Astowo, U. B. (2024). Desain Komunikasi dan Keamanan Data Arsitektur Aplikasi Multimasjid. dspace.uii.ac.id. Retrieved from https://dspace.uii.ac.id/handle/123456789/51606
Baehaqi, A., Basit, M. S., Indrajit, R. E., & ... (2023). Front End Learning Management System Development Using The Nextjs Framework. Jurnal Teknik …. Retrieved from https://jutif.if.unsoed.ac.id/index.php/jurnal/article/view/1273
Basatha, R., MT, M., Chafid, N., Kom, S., Kom, M., Wihardjo, E., & ... (2024). PEMROGRAMAN WEB DAN APLIKASI MOBILE. books.google.com. Retrieved from https://books.google.com/books?hl=en&lr=&id=6ZI3EQAAQBAJ&oi=fnd&pg=PA41&dq=laravel+dan+react+dalam+kerangka+arsitektur+api+modern&ots=mWk4D5NZBA&sig=7E48onU_MPbHVJ5882aparC6jRI
Bismoputro, I., Huda, F. Al, & Brata, A. H. (2024). Pengembangan Single Page Application Berbasis Reactjs Untuk Usaha Percetakan Online (Studi Kasus: Global Grafika). Jurnal Pengembangan Teknologi …. Retrieved from https://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/13985
Branco, D., Aversa, R., & Venticinque, S. (2023). A tool for creation of virtual exhibits presented as IIIF collections by intelligent agents. International Conference on …. https://doi.org/10.1007/978-3-031-28694-0_22
Dawis, A. M., Rahmayanti, D., Rachman, T., Impron, A., & ... (2025). Pendekatan Modern Dalam Analisis Dan Desain Teknologi Informasi. researchgate.net. Retrieved from https://www.researchgate.net/profile/Devi-Rahmayanti/publication/388381927_PENDEKATAN_MODERN_DALAM_ANALISIS_DAN_DESAIN_TEKNOLOGI_INFORMASI/links/6794dda3207c0c20fa5a3e31/PENDEKATAN-MODERN-DALAM-ANALISIS-DAN-DESAIN-TEKNOLOGI-INFORMASI.pdf
Dendi, D. A. R. (2023). Analisis Bibliometrik Publikasi Ilmiah Tentang Pembayaran Bank Syariah Berbasis Data Scopus Periode 2010-2020. repository.radenintan.ac.id. Retrieved from https://repository.radenintan.ac.id/id/eprint/23083
Faturahman, E. T., Putra, W. H. N., & ... (2022). Pembangunan Sistem Informasi Pemesanan Jasa Foto berbasis Web menggunakan REST API pada Heroe Photography. … Teknologi Informasi Dan …. Retrieved from http://j-ptiik.ub.ac.id/index.php/j-ptiik/article/view/11969
Fauzan, A. (2024). RANCANG BANGUN APLIKASI DONASI BERBASIS ANDROID DENGAN BAHASA PEMROGRAMAN KOTLIN MENGGUNAKAN METODE AGILE UNIFIED PROCESS …. repository.nurulfikri.ac.id. Retrieved from https://repository.nurulfikri.ac.id/id/eprint/529/
Fernandes, J. P. (2024). Authentication API-A SSO Authentication and Authorisation Infrastructure for Web.
Filiana, A., Rini, M. N. A., Prabawati, A. G., & Samat, R. A. (2022). Pengembangan Rest Api Untuk Informasi Pasar Tradisional Di Kota Yogyakarta Dengan Metode Incremental. SINTECH (Science and Information Technology) Journal, 5(1), 10–23. https://doi.org/10.31598/sintechjournal.v5i1.1060
Frabroyir, H., Kom, S., & Hasanah, I. (n.d.). Software House: Analisis dan Implementasi Pengembangan Perangkat Lunak Sistem UTBK di PT Aksamedia Mulia Digital. Repository.Its.Ac.Id. Retrieved from https://repository.its.ac.id/118926/1/5025211240-Project_Report.pdf
Hadinata, W., & Stianingsih, L. (2024). Analisis Perbandingan Performa Restfull Api Antara Express.Js Dengan Laravel Framework. Jurnal Informatika Dan Teknik Elektro Terapan, 12(1). https://doi.org/10.23960/jitet.v12i1.3845
Hanggara, B. T., Nasrullah, M. H., & ... (2024). Analisis Perbandingan Performa Framework NestJS dan Lumen Pada Studi Kasus Aplikasi Berbasis REST API. J-INTECH (Journal of …. Retrieved from https://snatika.stiki.ac.id/J-INTECH/article/view/1354
Hanif Pratama, M. (2024). Pengembangan Application Programming Interface Untuk Layanan Booking Service Pada Pt. Tunas Dwipa Matra Menggunakan Framework Erp Odoo (pp. 1–95). pp. 1–95. FAKULTAS MATEMATIKA DAN ….
Hasanuddin, Asgar, H., & Hartono, B. (2022). Rancang Bangun Rest Api Aplikasi Weshare Sebagai Upaya Mempermudah Pelayanan Donasi Kemanusiaan. Jurnal Informatika Teknologi Dan Sains, 4(1), 8–14. https://doi.org/10.51401/jinteks.v4i1.1474
Hasibuan, N., Zulaikha, S. R., Sari, K. P., & ... (2023). Aksesibilitas Jurnal Elektronik Gale dalam Memenuhi Kebutuhan Informasi Pemustaka di Perpustakaan Politeknik Pembangunan Pertanian Yogyakarta. Educaniora: Journal of …. Retrieved from https://www.educaniora.org/index.php/ec/article/view/79
Herdiyatmoko, H. F. (2022). Desain Sistem Backend Berbasis Rest Api Menggunakan Framework Laravel 7. Skanika, 5(2), 136–144. https://doi.org/10.36080/skanika.v5i2.2947
Hesti Syafitri, Hamka, & Yusuf. (2024). Efektivitas Model Pembelajaran React Dalam Meningkatkan Motivasi Belajar Siswa. BEGIBUNG: Jurnal Penelitian Multidisiplin, 2(1), 346–355. https://doi.org/10.62667/begibung.v2i1.70
Hilman, I. (2018). Penetapan Desa Wirausaha Dan Strategi Pengembangannya. JIMFE (Jurnal Ilmiah Manajemen Fakultas Ekonomi), 3(2), 28–36. https://doi.org/10.34203/jimfe.v3i2.644
Iswari, S. T. L. (2022). Implementasi Mongo Db, Express Js, React Js Dan Node Js (Mern) Pada Pengembangan Aplikasi Formulir, Kuis, Dan Survei Online. dspace.uii.ac.id. Retrieved from https://dspace.uii.ac.id/handle/123456789/38607
Kadriu, A., & Bilalli, S. (n.d.). Comparison of Context API and Redux Working with Complex State. Repository.Seeu.Edu.Mk. Retrieved from https://repository.seeu.edu.mk/sites/thesis/ThesisSharedDocs/MA_126307.pdf
Khalfallah, H. Ben. (2024). HOFA: The Path Toward Clean Architecture. Crafting Clean Code with JavaScript and React: A …. https://doi.org/10.1007/979-8-8688-1004-6_4
Kristianto, S. (2022). ANALISIS DAN PENYEWAAN SISTEM INFORMASI KOST-AN DI KOTA TANGERANG. repositori.buddhidharma.ac.id. Retrieved from http://repositori.buddhidharma.ac.id/1390/
Kumaladewi, N., Refardi, G. N., & ... (2023). Design and Build a Web-Based e-Learning System using ReactJS Framework. 2023 11th International …. Retrieved from https://ieeexplore.ieee.org/abstract/document/10455534/
Kumar, T. (2024). Fluent React: Build Fast, Performant, and Intuitive Web Applications. books.google.com. Retrieved from https://books.google.com/books?hl=en&lr=&id=lI_0EAAAQBAJ&oi=fnd&pg=PT8&dq=+redux+toolkit&ots=tRp39jI62B&sig=ONDiPnHv5wgO8moZThqrcbyDk0Y
Kurniawan, F., Sitorus, Z., Putra, R. R., & Afrizal, S. (2024). Sistem Informasi Stunting Berbasis Website: Solusi Digital Untuk Mencegah Stunting. books.google.com. Retrieved from https://books.google.com/books?hl=en&lr=&id=FzUyEQAAQBAJ&oi=fnd&pg=PA22&dq=laravel+dan+react+dalam+kerangka+arsitektur+api+modern&ots=AoyBS6ltH8&sig=Ug4i5elXhSK4ZAmj2BWYf6NNB5o
Kurniawan, H., Syafa’at, F., Budihartono, E., Lorosae, T. A., & ... (2023). BELAJAR WEB PROGRAMMING: Referensi Pengenalan Dasar Tahapan Belajar Pemrograman Web Untuk Pemula. books.google.com. Retrieved from https://books.google.com/books?hl=en&lr=&id=gs3OEAAAQBAJ&oi=fnd&pg=PA31&dq=react+sebagai+frontend+framework+dan+laravel+sebagai+backend+framework&ots=7JWN1fTAP4&sig=zxqvsvSgEyUMDtjIijfWqNr7F1k
Kurniawan, M. R., Agoestanto, A., & Wijayanti, K. (2023). Systematic literature review: identifikasi kemampuan berpikir aljabar dan resiliensi matematis pada pembelajaran matematika. Jurnal Cendekia: Jurnal …. core.ac.uk. Retrieved from https://core.ac.uk/download/pdf/578157299.pdf
Maharana, K. C., & Acharya, S. (2024). Laravel- A Centralized framework with authentication API. SSRN Electronic Journal, 4(6), 152–156. https://doi.org/10.2139/ssrn.4909110
Mitra, Y., & Taufik, T. (2023). Penerapan Model Discovery Learning (Dl) Dalam Pembelajaran Tematik Terpadu Di Kelas IV Sekolah Dasar (Studi Literatur). E-Jurnal Inovasi Pembelajaran Sekolah Dasar. Retrieved from https://www.academia.edu/download/100401566/4263.pdf
Novita, I. (2024). IMPLEMENTASI MODEL E-COMMERCE BERBASIS WORDPRESS PADA BENGKEL LAS TRIAN JAYA. Jurnal Mahasiswa Ilmu Komputer.
Pohan, H. M. (2024). DESAIN ARSITEKTUR FLEKSIBEL: MEMBANGUN LINGKUNGAN YANG RESPONSIF TERHADAP PERUBAHAN. WriteBox. Retrieved from http://writebox.cloud/index.php/wb/article/view/119
Pradana, L. (2022). TA: RANCANG BANGUN WEB SERVICE API DAN DOKUMENTASI REST API WEB PORTAL UNIT KEGIATAN MAHASISWA DI POLITEKNIK NEGERI LAMPUNG. repository.polinela.ac.id. Retrieved from https://repository.polinela.ac.id/id/eprint/2851
Pramadipta, M. B. (2024). Rancang Bangun Frontend Website Untuk Pemungutan Suara Dengan Menggunakan React.Js. Jurnal Informatika Dan Teknik Elektro Terapan, 12(2). https://doi.org/10.23960/jitet.v12i2.4173
Prihantari, R. A. (2024). RANCANG BANGUN SISTEM INFORMASI E-COMMERCE BERBASIS WEB MENGGUNAKAN FRAMEWORK SPRING BOOT PADA TOKO GIGHA STEEL. repository.nurulfikri.ac.id. Retrieved from https://repository.nurulfikri.ac.id/id/eprint/545/
Purnomo, C. A. (2024). PENGEMBANGAN SISTEM MONITORING PERTANIAN DALAM GREENHOUSE UNTUK MENDUKUNG SMART PRECISION FARMING 4.0: MODUL …. digilib.uns.ac.id. Retrieved from https://digilib.uns.ac.id/dokumen/download/119489/Nzg2ODcw/Pengembangan-Sistem-Monitoring-Pertanian-dalam-Greenhouse-untuk-Mendukung-Smart-Precicion-Farming-40-Modul-Fullstack-WEB-dan-Backed-Mobile-halaman-cover.pdf
Putra, H. P., & Sari, A. P. (2024). Implementasi Server Side Rendering Pada Sistem Travel Berbasis Website. Prosiding Seminar Nasional Informatika …. Retrieved from https://santika.upnjatim.ac.id/submissions/index.php/santika/article/view/428
Putra, R. A. (2024). PERANCANGAN APLIKASI LAYANAN PENGADUAN CUSTOMER BERBASIS WEB MENGGUNAKAN REACT JS: STUDI KASUS PADA PT INOVATI F 78. repository.nurulfikri.ac.id. Retrieved from https://repository.nurulfikri.ac.id/id/eprint/511/
Rahmadhani, S., Wildana, D. W., & ... (2024). Penerapan React JS dan Axios untuk Pengembangan Front-end Aplikasi iCare. Software …. Retrieved from https://jurnal.poliwangi.ac.id/index.php/session/article/view/184
Ramai, D., Facciorusso, A., DeLuca, M., & ... (2022). Adverse events associated with AXIOS stents: Insights from the manufacturer and user facility device experience database. Endoscopic …. journals.lww.com. Retrieved from https://journals.lww.com/eusjournal/fulltext/2022/11030/Adverse_events_associated_with_AXIOS_stents_.9.aspx
Ratino, A., Astri, R., & Anggraini, P. (2023). Implementasi Framework Laravel Dalam Pengembangan Aplikasi E-Commerce Untuk Toko Jago Software. Journal Of Informatics And Busisnes, 01, 33–43. Retrieved from https://jurnal.ittc.web.id/index.php/jibs/article/view/62
Ray, P. P. (2025). A Survey on Model Context Protocol: Architecture, State-of-the-art, Challenges and Future Directions. Authorea Preprints. https://doi.org/10.36227/techrxiv.174495492.22752319
Reid, R. L. (2024). Engineering the Arts. Civil Engineering Magazine, 94(2), 38–49. https://doi.org/10.1061/ciegag.0001713
Rueckauer, B., Bybee, C., Goettsche, R., Singh, Y., Mishra, J., & Wild, A. (2022). NxTF: An API and Compiler for Deep Spiking Neural Networks on Intel Loihi. ACM Journal on Emerging Technologies in Computing Systems, 18(3). https://doi.org/10.1145/3501770
Sahu, S. K. (2024). Building secure PHP applications: A comprehensive guide to protecting your web applications from threats. In Building Secure PHP Applications: A Comprehensive Guide to Protecting Your Web Applications from Threats. Springer. https://doi.org/10.1007/979-8-8688-0932-3
Sanjaya, I. (2025). Pengembangan Aplikasi Website Informasi Instansi X untuk Efisiensi Pengambilan Data API dan Desain Antarmuka Responsif dengan Next. js. repository.its.ac.id. Retrieved from https://repository.its.ac.id/116805/
Shah, H. (2024). Navigating UI Engineering Architectures?: A Deep Dive into Modern Web Application Design NAVIGATING UI ENGINEERING ARCHITECTURES?: A DEEP DIVE. (December). https://doi.org/10.13140/RG.2.2.30307.77603
Shofyan, S., & Isa, S. M. (2024). Perancangan Dasbor yang Secure Scalable dan Reusable dengan Microservices Case Study Di PT. XYZ. Jurnal Sosial Teknologi. Retrieved from http://sostech.greenvest.co.id/index.php/sostech/article/view/1251
Sinlae, F., Irwanda, E., Maulana, Z., & Syahputra, V. E. (2024). Penggunaan Framework Laravel dalam Membangun Aplikasi Website Berbasis PHP. Jurnal Siber Multi Disiplin (JSMD), 2(2), 119–132. Retrieved from https://creativecommons.org/licenses/by/4.0/
SITI, A. (2024). ANALISIS ISI PESAN DAKWAH PADA AKUN VIDGRAM@ HALIMAHALAYDRUS. repository.radenintan.ac.id. Retrieved from http://repository.radenintan.ac.id/34941/
Suhendang, D., Pradypta, A., & ... (2024). Sistem Arsip Berbasis Web Pelaporan Pajak Dan Laporan Keuangan Berbasis Web Menggunakan Framework Laravel. INFORMATIKA SAINS …. Retrieved from https://jurnal.uia.ac.id/index.php/INSIT/article/view/3646
Wardani, A. K., Arifianto, A. S., Sirojudin, A., Aziza, A. N., & Habibie, A. S. (2024). Implementasi Digital Twin Dengan Komunikasi Data Nirkabel pada Liquid Filling Machine. JUKI?: Jurnal Komputer Dan Informatika, 6(1), 46–54. https://doi.org/10.53842/juki.v6i1.457
Yuanita, H. I., Wijayanto, B., & ... (2022). Frontend Development Of Course Scheduling System Integrated Sia At Engineering Faculty University Of Jenderal Soedirman Using Devops Method. Jurnal Teknik Informatika …. Retrieved from https://jutif.if.unsoed.ac.id/index.php/jurnal/article/view/227
Yuliadarnita, Y., Febriansyah, M., Wijaya, A., & ... (2023). Analisis Komparatif Aplikasi Open Source Intelligence Berbasis Website Dengan Tools Osint Command Line Kominfo Bengkulu. Jurnal Media …. Retrieved from https://jurnal.unived.ac.id/index.php/jmi/article/view/3944
Yuniar, N. P., & Wolor, C. W. (2023). Analisis Arsip Pada Era Digital Di PT XYZ. Bridging Journal of Islamic Digital …. Retrieved from https://journal.alshobar.or.id/index.php/bridging/article/view/104
Zahrani, S. I. (2024). SISTEM INFORMASI TOKO ROTI BERBASIS WEBSITE. eprints.poltektegal.ac.id. Retrieved from http://eprints.poltektegal.ac.id/4379/
Zebua, M. (2024). Penggunaan DevOps untuk Meningkatkan Kecepatan Pengembangan Aplikasi. Circle Archive. Retrieved from http://circle-archive.com/index.php/carc/article/view/307
???????, ?. ?., ???????, ?. ?., & ??????????, ?. ?. (2024). ????? ??????????? ????????? ??? ?????????? ?????????? ??? ??????????. ??????? ?????. cyberleninka.ru. Retrieved from https://cyberleninka.ru/article/n/obzor-sovremennyh-bibliotek-dlya-razrabotki-interfeysa-veb-prilozheniya
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2025 Fauzan Prasetyo Eka Putra, Reynal Widya Efendi, Alief Badrit Tamam, Walid Agel Pramadi
This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.
info@itscience.org, web: 
