React Apps with Server-Side Rendering: Next.js

Authors

  • Harish A Jartarghar Department of Computer Science and Engineering, R.V College of Engineering, Bengaluru, India.
  • Girish Rao Salanke Department of Computer Science and Engineering, R.V College of Engineering, Bengaluru, India.
  • Ashok Kumar A.R Department of Computer Science and Engineering, R.V College of Engineering, Bengaluru, India.
  • Sharvani G.S Department of Computer Science and Engineering, R.V College of Engineering, Bengaluru, India.
  • Shivakumar Dalali Don Bosco Institute of Technology, Bengaluru, India.

Keywords:

Document Object Model (DOM), Server Side Rendering (SSR), User Interface (UI), Search Engine Optimization (SEO), Application Program Interface (API)

Abstract

Web applications are developed using a variety of different web frameworks, and developers can pick from a wide range of web frameworks when developing a web application. React.js library provides flexibility for building reusable User Interface (UI) Components. It uses the approach of client side rendering, which loads the HTML content using Javascript. The client side rendering causes the page to load slowly and the client communicates with the server for run-time data only. Next.js Framework solves this problem by using server side rendering. When the browser requests a web page, the server processes the web page by fetching the user’s specific data and sending it back to the browser over the internet. Next.js helps the Search engines to crawl the site for better Search Engine Optimization (SEO).

Downloads

Published

2022-12-30

How to Cite

A Jartarghar, H. ., Rao Salanke, G. ., A.R, A. K. ., G.S, S. ., & Dalali, S. . (2022). React Apps with Server-Side Rendering: Next.js. Journal of Telecommunication, Electronic and Computer Engineering (JTEC), 14(4), 25–29. Retrieved from https://jtec.utem.edu.my/jtec/article/view/6192