How to display HubSpot blog post teasers on a Webflow page via API

Webflow Cloud can automate HubSpot “latest posts” teasers by mounting a Next.js 15+ App Router application on a Webflow site path, storing a HubSpot legacy private app token as a server-side secret, and fetching published blog posts through HubSpot’s Blog Posts API. The approach uses a shared server module to retrieve recently created posts, sort them locally by publication date, strip HTML from summaries, and supply teasers both to a server-rendered Next.js page and a JSON Route Handler that a Webflow Designer embed can call. Setup requires a Webflow Cloud-enabled site, HubSpot content-scope credentials, Node.js with npm, and a connected repository; custom-domain mounting and Designer custom-code embeds have plan-related requirements. The guidance emphasizes that HubSpot’s broad content scope is sensitive, tokens must never be exposed to browser code or committed to repositories, and the public API route should gain authentication, rate limits, and caching before production because uncached requests consume HubSpot API quotas. It also identifies common deployment problems, including unsupported Next.js edge-runtime declarations, missing or invalid deployed secrets, browser requests that omit the mounted path, and conflicting package-manager lockfiles.

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.