What is metadata and SEO in Next.js?

metadata and SEO is an important concept in Next.js. Understand its purpose, how it works, when to use it, and the tradeoffs it introduces before applying it in a production system.