Lovable, Bolt and v0 with IDX

How do I add MLS listings to a v0 or Next.js real estate site?

How do I add MLS listings to a v0 or Next.js real estate site? Load the RealSavvy script in the root layout and place widget slots. Next.js steps and tips.

The short answer

Short answer

Updated Updated November 2026

How do I add MLS listings to a v0 or Next.js real estate site?

In a v0 or Next.js site, load the RealSavvy script once in your root layout, then place a slot div for each widget in the page where it belongs: search, neighborhood grids, listing sliders or the contact form. The widgets show live MLS listings with the required MLS credit. get_embed_code returns notes for Next.js and for v0, or connect v0 to the MCP connector and let it place them.

Where the code goes in Next.js

The loader script belongs in one place, the root layout (app/layout.tsx in the App Router), so it loads once per page. Each widget's slot div goes in the page or component where you want it to appear. Because the slot is a plain element, it works in a server component; the script fills it in the browser. Follow the Next.js notes from get_embed_code for the exact script setup.

Steps

  • Create widgets with save_widget, or ask your AI to through MCP
  • Call get_embed_code and read the Next.js notes
  • Add the script to the root layout
  • Place slot divs in your pages: /search, each neighborhood page, the home page, the contact page
  • Deploy and run check_install on the live pages

Using v0 with the MCP connector

v0 is one of the tools that can connect to the RealSavvy MCP connector, which comes with the website plan. Add the private key URL from portal.agnt.pro as an MCP server, then ask v0 to add search or a neighborhood grid. It calls get_site, find_neighborhoods, save_widget and get_embed_code. No tool returns listing rows.

Rules to follow

  • Never fetch or hard-code listing addresses, prices, photos or MLS numbers
  • Never write your own search iframe; use the idx-search slot
  • Never put a domain or URL in a widget config
  • Use the RealSavvy contact form, not a custom API route, for leads

Related questions

More questions, answered

Can I generate static listing pages in Next.js?

Do not copy listing data into your build. Listings must show through a licensed display with attribution. On Savvy Studio, the IDX add-on includes indexable listing pages on your own domain.

Does this work with the Pages Router?

Yes. Put the script in the shared document or app wrapper so it loads once, and place slots as usual.

What if a widget shows nothing?

Run preview_widget to see how many homes it should show, and check_install on the live page to catch setup issues like a missing script or a duplicate load.

Written by The Savvy Studio team, AGNT AI Inc. · since 2022

Savvy Studio is the website platform behind 800+ agent sites on AGNT. Questions? Text (737) 378-8983.

Last updated Updated November 2026

See it first

Try Savvy Studio in the self-guided demo.

Website $99/mo or $990/yr · IDX $99/mo + $99 setup · DIY no setup fee

Try the self-guided demo →Get started