React Server Components Card component

You can copy the above snippet by clicking inside it.

To declare the Card as a Client component, we need to add a use client directive on top of the page. This means Card will be included in the client-side JavaScript bundle and won’t be rendered on the Server. Since Components by default are Server components inside the app directory, we need to specify the use client directive.