Static-Site Generation (SSG)

On this page, we didn't tell Next about any cache invalidations, so it generates the page once at build-time and serves that document to every client that requests the page.

This is extremely fast and efficient, but the content can never update.

Try it by updating the note here and refreshing this page.

This is the content of that note, according to this page rendered with SSG:
Your first note!
Enter whatever text you want in here.
Save this url (or use the same username again from the main page) to come back here whenever you want.
You and anyone else can view and edit this page from any device!
And this is the value of "lastUpdated" for the note:
Fri May 02 2025 21:43:02 GMT+0000 (Coordinated Universal Time)

The pseudo-code for this page is:
export default async function SSG({}) { 
    const pool = await DBConnector.getPool(); 
    const data = await pool.query("SELECT..."); 
 
    return <div> 
        The content of this page: {data} 
    </div>; 
} 


What about dynamic routes? Check out this bonus page: Static Site Generation (Dynamic Routes)

Back
5