NextJS Server and Client Composition Patterns

With the latest version of NextJS and ReactJS we need to consider which parts of the application are rendered on the client and the server. Combining these we can create a composition pattern, by using "use client" and "use server".
--
FIND ME ON OTHER SOCIAL PLATFORMS
biodrop.io/eddiejaoude
CHECK OUT BIODROP
...and connect to your audience with a single link!
Have you created your BioDrop Profile yet? www.biodrop.io
Come and contribute on GitHub: github.com/EddieHubCommunity/...
Instagram: / biodrop_io
Twitter: / biodrop_io
LinkedIn: / biodrop-io
Swag shop: biodrop.myspreadshop.co.uk
LEARN MORE
Get started with Open Source in 10mins
• How to contribute to o...
JOIN our inclusive open source community EddieHub now for FREE
Discord: / discord
GitHub Organisation: github.com/EddieHubCommunity
EddieHub Newsletter: www.eddiejaoude.io/newsletters
COMMUNITY SPONSORS
A BIG thank you to my GitHub Sponsors:
***
DailyDotDev github.com/dailydotdev
Appwrite github.com/appwrite
GitHub Accelerator accelerator.github.com
***
SERVICES I USE AND RECOMMEND
Some of these might be affiliate links but they're no extra cost you and you might get a discount if you sign up.
- Live streaming with Streamyard links.eddiejaoude.io/t/pYlzGjc...
- Cloud hosting with Digital Ocean, you will get $100 FREE credit links.eddiejaoude.io/t/EAaCRWh...
- Membership, Newsletters, CRM all in one with Kartra links.eddiejaoude.io/t/pQ5W3FR...
SUBSCRIBE TO THIS CHANNEL FOR FREE
Don’t forget to support my channel by subscribing: kzbin.info?s...
--
FIND ME ON OTHER SOCIAL PLATFORMS
biodrop.io/eddiejaoude
CHECK OUT BIODROP
...and connect to your audience with a single link!
Have you created your BioDrop Profile yet? www.biodrop.io
Come and contribute on GitHub: github.com/EddieHubCommunity/...
Instagram: / biodrop_io
Twitter: / biodrop_io
LinkedIn: / biodrop-io
Swag shop: biodrop.myspreadshop.co.uk
LEARN MORE
Get started with Open Source in 10mins
• How to contribute to o...
JOIN our inclusive open source community EddieHub now for FREE
Discord: / discord
GitHub Organisation: github.com/EddieHubCommunity
EddieHub Newsletter: www.eddiejaoude.io/newsletters
COMMUNITY SPONSORS
A BIG thank you to my GitHub Sponsors:
***
DailyDotDev github.com/dailydotdev
Appwrite github.com/appwrite
GitHub Accelerator accelerator.github.com
***
SERVICES I USE AND RECOMMEND
Some of these might be affiliate links but they're no extra cost you and you might get a discount if you sign up.
- Live streaming with Streamyard links.eddiejaoude.io/t/pYlzGjc...
- Cloud hosting with Digital Ocean, you will get $100 FREE credit links.eddiejaoude.io/t/EAaCRWh...
- Membership, Newsletters, CRM all in one with Kartra links.eddiejaoude.io/t/pQ5W3FR...
SUBSCRIBE TO THIS CHANNEL FOR FREE
Don’t forget to support my channel by subscribing: kzbin.info?s...
#nextjs #reactjs
NextJS Server and Client Composition Patterns

[@eddiejaoude]

See a real example in the EddieHub RepoRater project on GitHub github.com/EddieHubCommunity/RepoRater