2min chapter

HTML All The Things - Web Development, Web Design, Small Business cover image

Next.js App vs Pages Router

HTML All The Things - Web Development, Web Design, Small Business

CHAPTER

How to Build a React Component in Next JS

You can mix and match server and client components, but only in one direction. When creating a new component page, you can add a string at the top of that page which is used client. As soon as used client is on top of a file, a component, a React component in next JS, it immediately behaves as a standard React component. It will not be generated on the client by default. You are using server components by default now. Deal with it. Now, obviously having said that you could still use the pages router and everything works the same as it did before there. They did not take away the old functionality. In 13.4 next, you can still build the regular

00:00

Get the Snipd
podcast app

Unlock the knowledge in podcasts with the podcast player of the future.
App store bannerPlay store banner

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode

Save any
moment

Hear something you like? Tap your headphones to save it with AI-generated key takeaways

Share
& Export

Send highlights to Twitter, WhatsApp or export them to Notion, Readwise & more

AI-powered
podcast player

Listen to all your favourite podcasts with AI-powered features

Discover
highlights

Listen to the best highlights from the podcasts you love and dive into the full episode