Exercise: Static and Dynamic Rendering
by Tomas Trescak· Next.js

0 / 2950 XP

Installation

Reuse the code from the previous exercise. Make sure to complete it before attempting this one.

Instructions

This is a play-around example for you to see if you understand the differences between static and dynamic rendering. There is no way for us to test the output, so we leave this to you.

Tasks

  1. Build your app and see which routes are built statically and which are built dynamically
  2. Can you build your blog posts statically for CDN distribution? 

Check out the documentation for Incremental Static Regeneration, particularly for function generateStaticParams

INSTALLATION Reuse the code from the previous exercise [/course/full-stack-development-comp3036-2025/exercise-styling-in-next-js]. Make sure to complete it before attempting this one. INSTRUCTIONS This is a play-around example for you to see if you understand the differences between static and dynamic rendering. There is no way for us to test the output, so we leave this to you. TASKS 1. Build your app and see which routes are built statically and which are built dynamically 2. Can you build your blog posts statically for CDN distribution?  > Check out the documentation for Incremental Static Regeneration, > [https://nextjs.org/docs/app/building-your-application/data-fetching/incremental-static-regeneration] > particularly for function generateStaticParams
Maggie

Discuss with Maggie
Use the power of generative AI to interact with course content

Maggie is a generative AI that can help you understand the course content better. You can ask her questions about the lecture, and she will try to answer them. You can also see the questions asked by other students and her responses.

Discuss with Others
Ask questions, share your thoughts, and discuss with other learners

Join the discussion to ask questions, share your thoughts, and discuss with other learners
Setup
React Fundamentals
10 points
Next.js
10 points
Advanced React
Databases
10 points
React Hooks
Authentication and Authorisation
10 points
APIs
CI/CD and DevOps
Testing React
Advanced Topics