Garagem Sites SDK
Docs and shadcn-compatible block registry. Install blocks straight into your Next.js project.
Quickstart
npx shadcn@latest add https://sdk.garagem.site/r/listing-card.json
Available blocks
Contact Form
/r/contact-form.jsonLead capture form that submits to the Garagem CRM. Supports Meta Pixel and TikTok Pixel event tracking.
Gallery Carousel
/r/gallery-carousel.jsonImage gallery carousel for listing detail pages. Takes the media[] array from ListingDetail and renders a navigable slideshow with thumbnails.
Listing Card
/r/listing-card.jsonCompact property card with cover image, price, location and key features. Drop-in card for grids and carousels.
Listing Grid
/r/listing-grid.jsonResponsive grid of property cards powered by the Garagem SDK. Supports filtering by city, neighborhood, business type, and pagination.
Search Box
/r/search-box.jsonAutocomplete search input powered by the Garagem SDK. Shows matching listings as the user types with keyboard navigation support.
Documentation
- /docs — quickstart guide
- /docs/sdk-reference — fetcher functions, types, error handling
- /docs/blocks — pre-built components with install commands
- /docs/recipes — common page compositions