Build Static Pages Dynamically using Next.js and the Notion API

• Understanding how to pre-render static pages with data from the Notion API.
• Querying page, block, and database data.
• Updating properties with mutations.
• Implementing helpful techniques for transforming data structures for React components.
• Using Incremental Static Regeneration (ISR) to dynamically create static pages.

This course teaches how to build static pages dynamically using Next.js and the Notion API. You will learn to query data from Notion, update properties, and transform responses for React components. By leveraging Incremental Static Regeneration, you'll create super performant static pages for applications like a recipe app and a movie picker.

• Ideal for developers familiar with React and interested in integrating APIs to build dynamic web applications.

• Basic knowledge of React and API concepts is recommended.

• Learn to pre-generate static pages with Next.js.
• Request page data from the Notion API.
• Use the Notion API to request block data.
• Implement slugified titles for URLs.
• Request Notion database data.
• Fetch paginated data from the Notion API.
• Mutate database fields with Next.js.
• Utilize Incremental Static Regeneration to pregenerate Notion API pages on-demand.