Build / Lovable news website

How to build a news website with Lovable.

Use Lovable to scaffold the site and Synorb MCP to inspect real, cited news Manifests while the agent builds. For the published website, call Synorb REST from a backend and render cards from returned Briefs or Signals. That keeps credentials private and gives readers source URLs for every item.

Get Keys Lovable setup guide →
Prerequisites

Have the editorial shape before you prompt.

1

Credentials from Synorb

Get credentials at /keys. Use the MCP token only in Lovable's connector. Use the REST api-key and secret only in backend secrets.

2

A news scope

Choose a beat such as AI infrastructure, public companies, monetary policy, supply chains, or another topic Synorb can check through Streams and Source Channels.

3

Backend route

Use a Supabase Edge Function or server route for all Synorb REST calls. The browser receives prepared news rows, not credentials.

Architecture

MCP is for the builder. REST is for the website.

Lovable can use MCP to learn the right filters and response shape. Your deployed news site should use REST because the backend owns credentials, caching, pagination, and error handling.

While building
Synorb MCP in Lovable
Toolssynorb-stream-search, synorb-manifests
GoalDiscover relevant Streams and sample cited news Manifests
Guide/build/lovable-mcp
After publishing
Synorb REST from backend
EndpointPOST /streams/query
GoalServe fresh cards with citations, pagination, cache state, and quota state
Reference/docs

Credential safetyNever store Synorb credentials in frontend code, public environment variables, or a client-side Lovable component. Use server-side secrets only.

Response shape

A news card needs source context.

Ask the backend for Briefs when you want article-like cards. Render a source link for every card and expose a useful empty state when no on-topic Manifests match.

{ "data": { "briefs": [ { "headline": "What changed", "summary": "A concise explanation for readers.", "significance": "high", "published_date": "2026-06-17", "source_url": "https://source.example/article" } ], "pagination": { "has_more": false } }, "usage": { "remaining": 984 } }
Build prompt

Paste this into Lovable.

Lovable news website prompt

Builds a topic news homepage with source citations, backend fetch, filters, and no exposed credentials.

FAQ

Questions builders ask.

Is Synorb a web search API for the news website?

No. Synorb provides structured, source-grounded Manifests from watched Source Channels and Streams. Use web search only for gaps outside the tracked scope.

Should the Lovable frontend call Synorb REST directly?

No. The frontend should call your backend or Supabase Edge Function. Store the Synorb REST api-key and secret as server-side secrets.

What should each news card cite?

Each card should link to the Synorb row's source_url or canonical source URL and show enough date and source context for readers to verify the item.

Where is the Lovable connector setup?

The canonical setup page is /build/lovable-mcp.

One MCP, many on-ramps

Using a different agent?

The same Synorb MCP connects to major MCP-capable coding agents. The deployed website should still use REST from a backend.

Start building

Free credentials. No card.

Generate credentials, connect Lovable, and publish a cited news site.

Get Keys See plans →