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).

References

Lawson, B. and Sharp, R, “Introducing HTML5”, 5th ed, pp. 1-13.

BRIGHT, P., 2014. HTML5 specification finalized, squabbling over specs continues. From https://arstechnica.com/information-technology/2014/10/HTML5-specification-finalized-squabbling-over-who-writes-the-specs-continues/.

M. Kovatsch, M. Lanter and S. Duquennoy, “Actinium: a Restful runtime container for scriptable Internet of Things applications” in 3rd IEEE International Conference on the Internet of Things, Wuxi, 2012, pp. 135-142.

K. Lei, Y. Ma and Z. Tan, "Performance Comparison and Evaluation of Web Development Technologies in PHP, Python, and Node.js," in IEEE 17th International Conference on Computational Science and Engineering (CSE), Chengdu, China, 2014, pp. 661-668.

Eric Molin. “Comparison of Single-Page Application Frameworks”. PhD thesis. KTH Royal Institute of Technology School of Computer Science and Communication, 2016, pp. 12-105.

Dasari Hermitha Curie, Jaison Joyce, Yadav Jyoti, et al. “Analysis on Web Frameworks”, in Journal of Physics: Conference Series, pp. 10-15.

Stefanov Stoyan, “React: Up and Running: Building web Applications” in first Edition, 2016. pp. 1-200.

Horton Adam, Vice Ryan, “Mastering React”, February 23, 2016, pp. 12-19.

Stein Johannes, “ReactJS Cookbook”, December 6, 2017, pp. 150-170.

Masiello Eric, “Mastering React Native”, January 11, 2017.

Pratik Sharad Maratkar , Pratibha Adkar "React JS - An Emerging Frontend JavaScript Library" Iconic Research And Engineering Journals Volume 4 Issue 12 2021, pp. 99-102.

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