Implementasi Frontend R1 on Web menggunakan Framework Next.js 14 Gymnastiar Alma Ghifari, NIM E41211478, Tahun 2024, Teknologi Informasi, Politeknik Negeri Jember, Dia Bitari Mei Yuana S.ST., M.Tr.Kom. (Dosen Pembimbing), Ainun Kusumawati S.Ak (Pembimbing Lapang). Pendekatan Atomic Design diterapkan dalam pengembangan antarmuka pengguna untuk meningkatkan efisiensi dan keteraturan dalam proses pengembangan. Dengan Atomic Design, antarmuka dibagi menjadi komponen-komponen terkecil yang disebut atoms, seperti tombol, input field, atau ikon, yang kemudian digabungkan menjadi molecules (misalnya form input dengan label), organisms (misalnya
navbar atau card), hingga templates dan pages. Pendekatan ini memungkinkan pengembang untuk membangun komponen yang lebih modular, dapat digunakan kembali, dan mudah dipelihara. Dengan menggunakan Next.js 14, pengembang dapat memanfaatkan fitur-fitur canggih seperti server-side rendering, static site generation, dan API routes, yang meningkatkan performa dan pengalaman pengguna. Next.js 14 juga memungkinkan pengelolaan routing yang mudah dan pengaturan konfigurasi proyek yang lebih baik.
mplementasi frontend ini menggabungkan kekuatan framework Next.js dengan filosofi desain yang efisien dari Atomic Design untuk menciptakan aplikasi web yang responsif, terstruktur, dan dapat diakses dengan cepat di berbagai perangkat.