Create Dynamic Routes with Next.js

Next.js dynamic routes are both powerful and ergonomic. Simply wrap the filename for your dynamic route in square brackets [] and Next.js will interpret that route as dynamic.

Once you have a dynamic route you can use Next.js’ useRouter hook to access URL parameters and use them in your component.