How it works: This page was generated at build time. The API call to JSONPlaceholder happened during the build process, not when you visited this page.
Pros: Fastest performance, great SEO, CDN cacheable
Cons: Data is static until next build
@Bret
Sincere@april.biz
Gwenborough
@Antonette
Shanna@melissa.tv
Wisokyburgh
@Samantha
Nathan@yesenia.net
McKenziehaven
@Karianne
Julianne.OConner@kory.org
South Elvis
@Kamren
Lucio_Hettinger@annie.ca
Roscoeview
@Leopoldo_Corkery
Karley_Dach@jasper.info
South Christy
@Elwyn.Skiles
Telly.Hoeger@billy.biz
Howemouth
@Maxime_Nienow
Sherwood@rosamond.me
Aliyaview
@Delphine
Chaim_McDermott@dana.io
Bartholomebury
@Moriah.Stanton
Rey.Padberg@karina.biz
Lebsackbury
// This is the default behavior in Next.js App Router
export default async function SSGPage() {
// Fetch happens at BUILD TIME
const response = await fetch('https://jsonplaceholder.typicode.com/users')
const users = await response.json()
return <div>{/* Render users */}</div>
}