Next.js is a framework built on top of the React.js library and provides the best development experience with a host of features like SSR and SSG, Image optimization, support for TypeScript, i18n and many more.
Learn more about the fundamentals o Next.js as we disect the features offered by the framework.
Static Site Generation (SSG)
Static Site Generation (SSG) is useful when you want to generate the HTML when the site builds. This can increase the build time but ensures that no data fetching happens when a page loads.
Play with the component below to visually understand how SSG works in a Next.js application.
Server-side Rendering (SSR)
Server-side Rendering (SSR) is useful when you want to generate the HTML on every request.
Use SSR when the content of your site changes frequently based on the user. If the pages of your site requires authentication or authorization. you can use SSR. In SSR, the HTML of a page is generated per request.
Play with the component below to visually understand how SSG works in a Next.js application.