Skip to main navigation menu Skip to main content Skip to site footer

Peer Reviewed Article

Vol. 1 No. 1 (2021)

Getting Started Modern Web Development with Next.js: An Indispensable React Framework

Published
2021-03-01

Abstract

Developers spend much time and effort mixing many technologies to produce an entire web application. Frameworks like Next.js help. Next.js neatly organizes packages and configuration files. Its full-stack web application framework lets developers create front-end and back-end code in one place, making it unique. It simplifies the developer's life and speeds up product shipping. However, full-stack frameworks like next.js must compile the entire code base for every production build because we write it all in one location. There was room for improvement. In this article, we will explain how we may increase the efficiency of a production build next.js app utilizing strategies and coding patterns we learned when constructing a badminton data analytics-based web app.

References

  1. Alam, I. (2019). Best practices to increase the speed of next.js apps. Stack Overflow discussions blog post.
  2. Bodepudi, A., Reddy, M., Gutlapalli, S. S., & Mandapuram, M. (2019). Voice Recognition Systems in the Cloud Networks: Has It Reached Its Full Potential?. Asian Journal of Applied Science and Engineering, 8(1), 51–60. https://doi.org/10.18034/ajase.v8i1.12
  3. Carlos, S. R. (2018). React Cookbook: Create Dynamic Web Apps with React Using Redux, Webpack, Node. js, and GraphQL. Birmingham, GB: Packt Publishing, Limited, https://www.proquest.com/docview/2136058999/6E1794AB166546D3PQ/4
  4. Chen, S., Thaduri, U. R., & Ballamudi, V. K. R. (2019). Front-End Development in React: An Overview. Engineering International, 7(2), 117–126. https://doi.org/10.18034/ei.v7i2.662
  5. Conolly, S. (2018). Performance difference between next.js and react.js. Log Rocket Series of articles.
  6. Dekkati, S., & Thaduri, U. R. (2017). Innovative Method for the Prediction of Software Defects Based on Class Imbalance Datasets. Technology & Management Review, 2, 1–5. https://upright.pub/index.php/tmr/article/view/78
  7. Dekkati, S., Lal, K., & Desamsetti, H. (2019). React Native for Android: Cross-Platform Mobile Application Development. Global Disclosure of Economics and Business, 8(2), 153-164. https://doi.org/10.18034/gdeb.v8i2.696
  8. Deming, C., Dekkati, S., & Desamsetti, H. (2018). Exploratory Data Analysis and Visualization for Business Analytics. Asian Journal of Applied Science and Engineering, 7(1), 93–100. https://doi.org/10.18034/ajase.v7i1.53
  9. Desamsetti, H. (2016a). A Fused Homomorphic Encryption Technique to Increase Secure Data Storage in Cloud Based Systems. The International Journal of Science & Technoledge, 4(10), 151-155.
  10. Desamsetti, H. (2016b). Issues with the Cloud Computing Technology. International Research Journal of Engineering and Technology (IRJET), 3(5), 321-323.
  11. Desamsetti, H., & Mandapuram, M. (2017). A Review of Meta-Model Designed for the Model-Based Testing Technique. Engineering International, 5(2), 107–110. https://doi.org/10.18034/ei.v5i2.661
  12. Elyse, G. (2018). Isomorphic Web Applications: Universal Development with React. New York, NY: Manning Publications Co. LLC, https://www.proquest.com/docview/2547047705/5637E4705A9345E8PQ/3
  13. Gutlapalli, S. S. (2016a). An Examination of Nanotechnology’s Role as an Integral Part of Electronics. ABC Research Alert, 4(3), 21–27. https://doi.org/10.18034/ra.v4i3.651
  14. Gutlapalli, S. S. (2016b). Commercial Applications of Blockchain and Distributed Ledger Technology. Engineering International, 4(2), 89–94. https://doi.org/10.18034/ei.v4i2.653
  15. Gutlapalli, S. S. (2017a). Analysis of Multimodal Data Using Deep Learning and Machine Learning. Asian Journal of Humanity, Art and Literature, 4(2), 171–176. https://doi.org/10.18034/ajhal.v4i2.658
  16. Gutlapalli, S. S. (2017b). The Role of Deep Learning in the Fourth Industrial Revolution: A Digital Transformation Approach. Asian Accounting and Auditing Advancement, 8(1), 52–56. Retrieved from https://4ajournal.com/article/view/77
  17. Gutlapalli, S. S. (2017c). An Early Cautionary Scan of the Security Risks of the Internet of Things. Asian Journal of Applied Science and Engineering, 6, 163–168. Retrieved from https://ajase.net/article/view/14
  18. Gutlapalli, S. S., Mandapuram, M., Reddy, M., & Bodepudi, A. (2019). Evaluation of Hospital Information Systems (HIS) in terms of their Suitability for Tasks. Malaysian Journal of Medical and Biological Research, 6(2), 143–150. https://doi.org/10.18034/mjmbr.v6i2.661
  19. Kirill, K. (2018). Next. js Quick Start Guide : Server-Side Rendering Done Right. Packt Publishing, Limited. https://www.proquest.com/docview/2110389651/418F103A5C3845E7PQ/1
  20. Krill, P. (2016). Next step after Node.js: Framework for 'universal' JavaScript apps. JavaWorld San Francisco. https://www.proquest.com/docview/1835177901/6C5B7D762F1042A4PQ/37
  21. Krill, P. (2017). Next.js 2.0 plays better with React and JavaScript. InfoWorld.com, https://www.proquest.com/docview/1881728502/418F103A5C3845E7PQ/2
  22. Krill, P. (2018). Next.js 7 framework compiles faster, supports WebAssembly. InfoWorld.com, https://www.proquest.com/docview/2110389651/35E649C9787B4630PQ/15
  23. Lal, K. (2015). How Does Cloud Infrastructure Work?. Asia Pacific Journal of Energy and Environment, 2(2), 61-64. https://doi.org/10.18034/apjee.v2i2.697
  24. Lal, K. (2016). Impact of Multi-Cloud Infrastructure on Business Organizations to Use Cloud Platforms to Fulfill Their Cloud Needs. American Journal of Trade and Policy, 3(3), 121–126. https://doi.org/10.18034/ajtp.v3i3.663
  25. Lal, K., & Ballamudi, V. K. R. (2017). Unlock Data’s Full Potential with Segment: A Cloud Data Integration Approach. Technology &Amp; Management Review, 2, 6–12. https://upright.pub/index.php/tmr/article/view/80
  26. Lal, K., Ballamudi, V. K. R., & Thaduri, U. R. (2018). Exploiting the Potential of Artificial Intelligence in Decision Support Systems. ABC Journal of Advanced Research, 7(2), 131-138. https://doi.org/10.18034/abcjar.v7i2.695
  27. Mandapuram, M., Gutlapalli, S. S., Bodepudi, A., & Reddy, M. (2018). Investigating the Prospects of Generative Artificial Intelligence. Asian Journal of Humanity, Art and Literature, 5(2), 167–174. https://doi.org/10.18034/ajhal.v5i2.659
  28. Mandapuram, M., Gutlapalli, S. S., Reddy, M., Bodepudi, A. (2020). Application of Artificial Intelligence (AI) Technologies to Accelerate Market Segmentation. Global Disclosure of Economics and Business 9(2), 141–150. https://doi.org/10.18034/gdeb.v9i2.662
  29. Michele, B. (2017). React Design Patterns and Best Practices: Build Modular Applications That Are Easy to Scale Using the Most Powerful Components and Design Patterns That React Can Offer You Right Now. Packt Publishing, Limited. https://www.proquest.com/docview/2136029018/D8BE03DC87784BB7PQ/13
  30. Reddy, M., Bodepudi, A., Mandapuram, M., & Gutlapalli, S. S. (2020). Face Detection and Recognition Techniques through the Cloud Network: An Exploratory Study. ABC Journal of Advanced Research, 9(2), 103–114. https://doi.org/10.18034/abcjar.v9i2.660
  31. Thaduri, U. R., & Lal, K. (2020). Making a Dynamic Website: A Simple JavaScript Guide. Technology & Management Review, 5, 15–27. https://upright.pub/index.php/tmr/article/view/81
  32. Thaduri, U. R., Ballamudi, V. K. R., Dekkati, S., & Mandapuram, M. (2016). Making the Cloud Adoption Decisions: Gaining Advantages from Taking an Integrated Approach. International Journal of Reciprocal Symmetry and Theoretical Physics, 3, 11–16. https://upright.pub/index.php/ijrstp/article/view/77
  33. Thodupunori, S. R., & Gutlapalli, S. S. (2018). Overview of LeOra Software: A Statistical Tool for Decision Makers. Technology & Management Review, 3(1), 7–11.
  34. Vega, C. (2017). Client-side vs. server-side rendering: Why it is not all black and white, Free Code Camp.