Mock serverside API requests using NextJS and MSWjs

There are multiple reasons why we would want to mock out a service side API request: local development, offline development, avoid hitting rate limits on third party services and manipulating data for testing. This can be difficult but with the MSWjs library this is straightforward and can easily be integrated with NextJS using the latest instrumentation experimental feature.
If you prefer you can read my blog on this subject here: open.substack....
---
MY BLOG AND NEWSLETTER
For my articles on Open Source as a Contributor and Maintainer, Web Development with Javascript and Typescript, my experience as a freelancer and remote work as a Digital Nomad, Content Creation, Personal Branding and monetising these, check out my Substack: eddiejaoude.su...
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 streamyard.com...
- Cloud hosting with Digital Ocean, you will get $100 FREE credit m.do.co/c/c258...
- Podia host your digital products (PDFs, Videos etc) www.podia.com/...
- Riverside for recording high quality podcasts riverside.fm/?...
---
Mock serverside API requests using NextJS and MSWjs

[@eddiejaoude]

See MSWjs and NextJS with Instrumentation feature in a real open source project github.com/EddieHubCommunity/HealthCheck

[@jayraldempino1944]

I use mswjs in client side which sooo good. In terms of the mock data, fakerjs is also better with it. Thanks for this, man! Thumbs up for this tutorial.

[@eddiejaoude]

Thank you for the great feedback!!

[@JibbaJabber]

#Noice

[@eddiejaoude]

thank you