Content deleted Content added
m Update brand guidelines link |
added more features Tags: Reverted Visual edit |
||
Line 58:
The main feature of Next.js is its use of server-side rendering to reduce the burden on web browsers and provide enhanced security{{Citation needed|date=August 2021}}. This can be done for any part of the application or the entire system, allowing for content-rich pages to be singled out for server-side rendering.<ref name=thakkar1 /> It can also be done only for first-time visitors, to reduce the burden on web browsers that have yet to download any of the site's assets.<ref name=thakkar2 /> The "hot reloading" feature detects changes as they are made and re-renders the appropriate pages so the server avoids the need to be restarted. This allows changes made to the application code to be immediately reflected in the web browser, though some browsers will require the page to be refreshed.<ref name=thakkar1 /> The software uses page-based routing for developer convenience and includes support for dynamic routing. Other features include hot-module replacement so that modules can be replaced live, automatic code splitting, which only includes code necessary to load the page, and page prefetching to reduce load time.<ref name=thakkar1 />
Next.js offers features such as getStaticProps and getServerSideProps to retrieve data either during the build process or with each request, providing versatility for various types of content. It also offers automatic image optimization for various screen sizes and devices, improving website performance and user experience<ref>{{Cite web |date=12 Mar, 2024 |title=getting-started-with-next-js |url=https://www.geeksforgeeks.org/getting-started-with-next-js/ |url-status=live |access-date=4 April 2024 |website=GFG}}</ref>
Next.js also supports Incremental Static Regeneration<ref>{{Cite web |title=Incremental Static Regeneration with Next.js |url=https://vercel.com/docs/concepts/next.js/incremental-static-regeneration |access-date=2022-03-06 |website=Vercel |language=en-US}}</ref> and static site generation - a compiled version of the website is usually built during build time and saved as a .next folder. When a user makes a request, the pre-built version which are static HTML pages are cached and sent to them. This makes the load time very fast, but it's not suitable for every website, particularly for interactive sites that change often and utilize a lot of user input.
| |||