Instagram Feed Widget - How to Implement in Next.js With Sanity

hi, im using nextjs with sanity, my client wants to implement this widget. How can we achieve this?

What does the widget do? Is it something you need to put in a specific place on your website?

If not, I’d just put it directly into your code in Next. Not sure on how you’ve got things set up, but I’d put this in something like the

Layout.js

component or similar.

This will show instagram feed. I was thinking put it directly in code, but since my pages are rendered like so page [...slug] im getting error. I only want to render this on the homepage, but its modular rendered. So I guess need to make a component inside studio then rendered it in module on frontend

But do not have any solution yet..

In that case yeah I would just create a component inside studio called

InstagramFeed

or something, and anywhere that component is called you just render out your widget code above

You might want to limit it in studio so it can only be used once on the page

Yes, you right! I'm was fully concentrated on Sanity. But for this case its fairly easy to do it this way! thanks man

Happy to help 🙂

Tip: Use Next.js Script tag for better performance: https://nextjs.org/docs/basic-features/script