What is the difference between Server Components and Client Components?

Server Components run only on the server, cannot use state or effects, and do not ship JavaScript to the client. Client Components run in the browser, can use hooks like useState and useEffect, and must be marked with the use client directive.