Best practices for data fetching in a Next.js application with Server-Side Rendering (SSR)?

What are the differences between controlled and uncontrolled components?

How do ES6 module exports and imports work in JavaScript, and what are the key differences from CommonJS?