Teams / SharePoint · Community sample

Content Rollup

Rolls up recent news from a chosen list, or across sites via a Microsoft Search (KQL) query, with no CAML or Handlebars setup.

Teams tabWeb partReactSPFx 1.21.1

Content Rollup web part showing recent news in a card layout

The idea behind the sample

Content Rollup gathers recent news and content from across your SharePoint sites into one web part. Point it at a list (for example, News) and it renders those items newest first, or leave the list blank to run a tenant-wide Microsoft Search (KQL) query instead. It needs no CAML and no Handlebars templating, and it keeps working on tenants where search is restricted by letting you bind a list instead. Four layout styles (Card, Minimal, Bold, Compact), an adjustable item count, and optional heading, border and background colour.

Make it your own

Start with the author's setup instructions, explore the implementation, and adapt the pattern to your environment. Sample code stays in its original repository, together with its requirements, license and contribution history.

Read the source documentation

A closer look

Content Rollup cycling through its Card, Minimal, Bold and Compact layouts and the tenant-wide search fallback

Keep exploring

Build your first SharePoint client-side web part — Guidance for building SharePoint Framework client-side web parts.
Use the Microsoft Search API to query data — Query SharePoint and Microsoft 365 content with the Microsoft Search API.

Transparent by designThe gallery preserves source attribution and known metadata issues instead of silently rewriting them.

View 1 source metadata note

downloadUrl: No download link; derive one explicitly in the future gallery.

View the collected metadata

Keep the ideas flowing

Back to all possibilities