From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
What is SSG in Next.js?
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
What is SSG in Next.js?
OK, so we should talk about static site generation. Just because I could hear that getting confused with server-side rendering sometimes, and that's a big no-no. So it's not the same thing. Although it does involve server-generated HTML. So you're doing that on the server. But you have to realize, with static site generation, mind the words, static site. It means that there's no active server during runtime. Actually, what happens, which is interesting, is that you can singularly produce everything during the build phase when the application is deployed. You can store that in a CDN and utilize it for all subsequent requests. It's not going to matter because you shouldn't have dynamic content. So when would you use SSG over SSR? Well, if your content doesn't change frequently and can be pre-rendered at a build time, then SSG is a great choice. So blog posts, marketing pages, things that aren't dynamically going to be updating and changing. The SEO importance is important to consider as…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
Development environment and build versus production build with Next.js8m 24s
-
(Locked)
Introduction to the Next.js compiler3m 8s
-
(Locked)
Demystifying what is meant by Next.js 'compiler'1m 19s
-
(Locked)
What is minification in Next.js?4m 44s
-
(Locked)
What is bundling in Next.js?3m 8s
-
(Locked)
What is code splitting in Next.js?3m 44s
-
(Locked)
Build-time versus run-time basics2m 44s
-
(Locked)
What is the client and what is the server in web applications? The basics5m 46s
-
(Locked)
What is rendering in Next.js?4m 5s
-
(Locked)
What is pre-rendering in Next.js?2m 37s
-
(Locked)
What is CSR, client-side rendering with Next.js?3m 29s
-
(Locked)
How server-side rendering works as a deeper dive7m 3s
-
(Locked)
What is SSG in Next.js?2m 48s
-
(Locked)
What are CDNs and the edge in Next.js and Vercel?9m 58s
-
(Locked)
-
-
-
-
-