WidgetDO
EN ⌄
Español ESEnglish EN
Log inStart free
React framework

Widgets for Next.js

Add WidgetDO widgets to Next.js using a client component or layout that loads the script once and manage future changes from one dashboard.

Start free →Explore widgets
WidgetDO

Widgets you can add to Next.js

7 widgets availableExplore all ↗
Social Share Buttons

Add modern sharing buttons for social networks, monthsaging apps and other channels.

↗ YouTube Gallery

Show YouTube channels, playlists, videos and Shorts with responsive layouts, filters and lightbox playback.

↗ Google Maps

Add maps, locations and points of interest with responsive design and configurable controls.

↗ Instagram Feed

Embed Instagram posts, Reels and carousels in a modern gallery with grid, slider and configurable post styles.

↗ Music Player

Add tracks, cover art, playlists and playback controls with multiple player styles.

↗ Social Feed

Bring content from multiple social networks into one responsive visual feed for your website.

↗
Templates for Next.js

Choose a design before you build

Browse real WidgetDO templates from widgets compatible with this platform.

View all 69 templates →
Classic Channel
FREE
YouTube video gallery

Classic Channel

Traditional layout for showcasing videos, channels or playlists in a clear structure.

View template Use template
Installation pattern

Publish on Next.js with a reusable embed

  1. 01

    Create and publish the widget in WidgetDO.

  2. 02

    Copy the generated script and container.

  3. 03

    Open Next.js and add a client component or layout that loads the script once in the desired location.

  4. 04

    Save or publish the changes and verify the widget on the live page.

WidgetDOHTML
<script src="https://widgets.prowebrd.com/platform.js?v=3.8.14" async></script>
<div data-widget-id="WIDGET_UUID"></div>

Add your first widget to Next.js

Start free →