- Rendering is the process of converting code into user interfaces.
- There are two types of rendering environments: client-side (browser) and server-side.
- Frontend applications usually render on the client-side.
- React introduced server-side components, which render on the server and send the results to the client, reducing the JavaScript code sent to the client and enhancing performance.
- The Next.js framework uses React's server-side components, assuming components in the app directory are server components.
- A test demonstrates that text output in a server component console does not appear on the client-side browser console, indicating server-side rendering.
- Using server components is encouraged to leverage server resources.
- Further testing includes creating a markdown file and importing node modules (fs, fs promises, and path) to read the file's content on the server and display it on the homepage. This shows that the content displayed on the page comes from a markdown file on the server.