Instagram Feed Widget - How to Implement in Next.js With Sanity
9 repliesLast updated: Oct 28, 2021
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.jscomponent 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
InstagramFeedor 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
Was this answer helpful?
Sanity – Build the way you think, not the way your CMS thinks
Sanity is the developer-first content operating system that gives you complete control. Schema-as-code, GROQ queries, and real-time APIs mean no more workarounds or waiting for deployments. Free to start, scale as you grow.
