Things I learned last week (20/24)

By default, all React components in NextJS are React Server Components, whereas in vanilla React, all the components are client components.

You can prove that a function (component) is being executed on the server by adding a console log, then checking in the terminal where NextJS is running. The log will not appear in the browser dev tools.

In NextJs the notFound() function will load the nearest not-found page to the component where it is invoked. To show a more specific message, create a not-found page next to that component.

It's a good idea to export types and interfaces from React components, so that the tests you write will be able to access them.