Modern Front-End Web Architecture Using React.js and Next.js

Before the advent of modern web development technologies, full-stack developers were the norm, handling both front-end and back-end aspects of applications. However, the current landscape has seen a separation of concerns, allowing front-end developers to focus solely on user interface elements like display and animation. This specialization has led to the rise of technologies like the React.js library. While React.js excels in client-side rendering, implementing server-side rendering requires the Next.js framework. This React framework offers a plethora of features, making it ideal for building the front-end of applications for University of Zawia (UZ)'s website and control panel applications. This study delves into the advantages and disadvantages of both React.js and Next.js as core technologies for UZ web application development. It aims to provide a comprehensive overview of the front-end development process and highlight the strengths and weaknesses of these technologies in shaping the user interface of the UZ application.