What can run in server components in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What are Next.js Server Components?

Server Components are React components that run only on the server. They can fetch data, access the file system, and do heavy work without sending code to the browser.

beginner

Can Server Components fetch data directly from a database?

Yes. Server Components can fetch data directly from databases or APIs because they run on the server where these resources are accessible.

beginner

Can Server Components use browser-only APIs like localStorage or window?

No. Server Components run on the server and do not have access to browser-only APIs like localStorage or window.

intermediate

What kind of code can run inside Server Components?

Any code that runs on the server can run inside Server Components, such as file system access, environment variables, and server-side logic.

intermediate

Why should you use Server Components in Next.js?

They improve performance by reducing JavaScript sent to the browser and allow secure data fetching and processing on the server.

Where do Next.js Server Components run?

A In the browser only

B On the server only

C Both server and browser

D On a separate client app

Server Components run only on the server, not in the browser.

Which of these can Server Components do?

A Access the file system

B Use localStorage

C Listen to browser events

D Manipulate the DOM directly

Server Components can access the file system because they run on the server.

Can Server Components use React hooks like useState?

A Only useState works

B Yes, all React hooks work

C No, useState is not supported in Server Components

D Only useEffect works

Server Components do not support client-side hooks like useState or useEffect.

Why avoid using browser APIs in Server Components?

A They slow down the server

B They are too complex

C They are deprecated

D They cause errors because server has no browser environment

Browser APIs like window or localStorage do not exist on the server, causing errors.

What is a benefit of Server Components in Next.js?

A Less JavaScript sent to the browser

B More client-side rendering

C Faster animations

D Better offline support

Server Components reduce JavaScript sent to the browser, improving load speed.

Explain what kinds of code can run inside Next.js Server Components and why.

Think about what the server environment allows that the browser does not.

Describe the main advantages of using Server Components in Next.js applications.

Consider speed, security, and user experience benefits.