🔑 Key Learning Outcomes

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.

👨‍🏫 About the Course

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.

🎯 Target Audience

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

✅ Requirements

Basic knowledge of React and API concepts is recommended.

📖 Course Content

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.

Update Course