From f731d371abd803514735b73d36b19b2205496875 Mon Sep 17 00:00:00 2001
From: CREDO23 <bakerathierry@gmail.com>
Date: Wed, 8 Jul 2026 20:36:46 +0200
Subject: [PATCH] feat(tiktok): add TikTok SEO landing page and site-wide
 marketing parity

---
 surfsense_web/app/(home)/mcp-server/page.tsx  |  13 +-
 .../components/homepage/hero-section.tsx      |   2 +-
 .../components/homepage/persona-paths.tsx     |   2 +-
 .../components/pricing/pricing-section.tsx    |   4 +-
 surfsense_web/components/seo/json-ld.tsx      |   4 +-
 .../content/docs/connectors/index.mdx         |   2 +-
 .../lib/connectors-marketing/index.ts         |   2 +
 .../lib/connectors-marketing/reddit.tsx       |   2 +-
 .../lib/connectors-marketing/tiktok.tsx       | 277 ++++++++++++++++++
 .../lib/connectors-marketing/youtube.tsx      |   2 +-
 10 files changed, 297 insertions(+), 13 deletions(-)
 create mode 100644 surfsense_web/lib/connectors-marketing/tiktok.tsx

diff --git a/surfsense_web/app/(home)/mcp-server/page.tsx b/surfsense_web/app/(home)/mcp-server/page.tsx
index 5e4961b1e..22c867c73 100644
--- a/surfsense_web/app/(home)/mcp-server/page.tsx
+++ b/surfsense_web/app/(home)/mcp-server/page.tsx
@@ -16,7 +16,7 @@ import type { FaqItem } from "@/lib/connectors-marketing/types";
 const canonicalUrl = "https://www.surfsense.com/mcp-server";
 
 const metaDescription =
-	"The SurfSense MCP server gives Claude, Cursor, and any MCP client native tools for your workspace: scrape Reddit, YouTube, Google Maps, Google Search, and the web, plus full knowledge base access. One API key.";
+	"The SurfSense MCP server gives Claude, Cursor, and any MCP client native tools for your workspace: scrape Reddit, YouTube, TikTok, Google Maps, Google Search, and the web, plus full knowledge base access. One API key.";
 
 export const metadata: Metadata = {
 	title: "SurfSense MCP Server: Scraper APIs and Knowledge Base as Agent Tools",
@@ -93,6 +93,7 @@ const TOOL_GROUPS = [
 			"surfsense_reddit_scrape",
 			"surfsense_youtube_scrape",
 			"surfsense_youtube_comments",
+			"surfsense_tiktok_scrape",
 			"surfsense_google_maps_scrape",
 			"surfsense_google_maps_reviews",
 			"surfsense_google_search",
@@ -127,7 +128,7 @@ const FAQ: FaqItem[] = [
 	{
 		question: "What is the SurfSense MCP server?",
 		answer:
-			"It is a Model Context Protocol server that exposes your SurfSense workspace to MCP clients like Claude Code, Cursor, and Claude Desktop. Your agents get native tools for every scraper API (Reddit, YouTube, Google Maps, Google Search, web crawl) and for searching, reading, and writing your knowledge base.",
+			"It is a Model Context Protocol server that exposes your SurfSense workspace to MCP clients like Claude Code, Cursor, and Claude Desktop. Your agents get native tools for every scraper API (Reddit, YouTube, TikTok, Google Maps, Google Search, web crawl) and for searching, reading, and writing your knowledge base.",
 	},
 	{
 		question: "Which MCP clients does it work with?",
@@ -215,8 +216,9 @@ export default function McpServerPage() {
 							</h1>
 							<p className="mt-5 max-w-xl text-base leading-relaxed text-muted-foreground sm:text-lg">
 								The SurfSense MCP server hands Claude, Cursor, or any MCP client the whole platform:
-								scrape Reddit, YouTube, Google Maps, Google Search, and the open web, and search,
-								read, and write your knowledge base. One API key, typed tools, pay as you go.
+								scrape Reddit, YouTube, TikTok, Google Maps, Google Search, and the open web, and
+								search, read, and write your knowledge base. One API key, typed tools, pay as you
+								go.
 							</p>
 							<div className="mt-8 flex flex-wrap items-center gap-3">
 								<Button asChild size="lg">
@@ -398,6 +400,9 @@ export default function McpServerPage() {
 								<Button asChild variant="ghost" size="sm">
 									<Link href="/youtube">YouTube API</Link>
 								</Button>
+								<Button asChild variant="ghost" size="sm">
+									<Link href="/tiktok">TikTok API</Link>
+								</Button>
 								<Button asChild variant="ghost" size="sm">
 									<Link href="/google-maps">Google Maps API</Link>
 								</Button>
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 89d1e46f5..febe8a62b 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -719,7 +719,7 @@ export function HeroSection() {
 						>
 							SurfSense is an open-source competitive intelligence platform. Your AI agents monitor
 							competitors, track rankings, and listen to your market with live data from platforms
-							like Reddit, YouTube, Google Maps, Google Search, and the open web.
+							like Reddit, YouTube, TikTok, Google Maps, Google Search, and the open web.
 						</p>
 
 						<div className="relative mb-4 flex w-full flex-col justify-center gap-y-2 sm:flex-row sm:justify-start sm:space-y-0 sm:space-x-4">
diff --git a/surfsense_web/components/homepage/persona-paths.tsx b/surfsense_web/components/homepage/persona-paths.tsx
index 9c03c5667..50eadba0f 100644
--- a/surfsense_web/components/homepage/persona-paths.tsx
+++ b/surfsense_web/components/homepage/persona-paths.tsx
@@ -35,7 +35,7 @@ const PATHS: {
 		eyebrow: "For developers & agents",
 		title: "The whole platform is programmable",
 		description:
-			"Everything SurfSense agents can do is a typed REST API: scrape Reddit, YouTube, Google Maps, Google Search, and the open web, search the knowledge base, run automations. One key, JSON in and out, $5 free credit, pay as you go. Already running agents in Claude, Cursor, or your own harness? The SurfSense MCP server hands them the same tools natively.",
+			"Everything SurfSense agents can do is a typed REST API: scrape Reddit, YouTube, TikTok, Google Maps, Google Search, and the open web, search the knowledge base, run automations. One key, JSON in and out, $5 free credit, pay as you go. Already running agents in Claude, Cursor, or your own harness? The SurfSense MCP server hands them the same tools natively.",
 		links: [
 			{ label: "Read the docs", href: "/docs" },
 			{ label: "SurfSense MCP server", href: "/mcp-server" },
diff --git a/surfsense_web/components/pricing/pricing-section.tsx b/surfsense_web/components/pricing/pricing-section.tsx
index 74c76ad36..1af296e57 100644
--- a/surfsense_web/components/pricing/pricing-section.tsx
+++ b/surfsense_web/components/pricing/pricing-section.tsx
@@ -35,7 +35,7 @@ const demoPlans = [
 		billingText: "Your first $5 of credit is free. No subscription, ever",
 		features: [
 			"$5 of free credit to start, one balance for everything",
-			"Platform connectors: Reddit, YouTube, Google Maps, Google Search, and the open web",
+			"Platform connectors: Reddit, YouTube, TikTok, Google Maps, Google Search, and the open web",
 			"Call every connector as a REST API with your key or through the MCP server",
 			"Pay per item returned and per page crawled. Failed calls are never billed",
 			"Premium models like GPT-5.5, Claude Sonnet 5, Gemini 3.1 Pro billed at provider cost",
@@ -95,7 +95,7 @@ const faqData: FAQSection[] = [
 			{
 				question: "How does Pay As You Go work?",
 				answer:
-					"There is no monthly subscription. Start with $5 of free credit, and when you need more, add any amount. $1 buys exactly $1 of credit, added to your balance immediately. You can enable automatic refills when your balance runs low, and turn them off any time."
+					"There is no monthly subscription. Start with $5 of free credit, and when you need more, add any amount. $1 buys exactly $1 of credit, added to your balance immediately. You can enable automatic refills when your balance runs low, and turn them off any time.",
 			},
 			{
 				question: "What happens if I run out of credit?",
diff --git a/surfsense_web/components/seo/json-ld.tsx b/surfsense_web/components/seo/json-ld.tsx
index c4b3ec09c..063f6a0c0 100644
--- a/surfsense_web/components/seo/json-ld.tsx
+++ b/surfsense_web/components/seo/json-ld.tsx
@@ -76,11 +76,11 @@ export function SoftwareApplicationJsonLd() {
 						"Free self-hosted from the open-source repo; cloud starts with $5 of free credit, then pay as you go",
 				},
 				description:
-					"SurfSense is an open-source competitive intelligence platform. AI agents monitor competitors, track rankings, and listen to your market with platform-native connectors for Reddit, YouTube, Google Maps, Google Search, and the open web, through one API or MCP server.",
+					"SurfSense is an open-source competitive intelligence platform. AI agents monitor competitors, track rankings, and listen to your market with platform-native connectors for Reddit, YouTube, TikTok, Google Maps, Google Search, and the open web, through one API or MCP server.",
 				url: "https://www.surfsense.com",
 				downloadUrl: "https://github.com/MODSetter/SurfSense/releases",
 				featureList: [
-					"Platform-native connectors: Reddit, YouTube, Google Maps, Google Search, Web Crawl",
+					"Platform-native connectors: Reddit, YouTube, TikTok, Google Maps, Google Search, Web Crawl",
 					"MCP server that exposes every connector as a native agent tool",
 					"Agent harness with retries, structured output, and credit metering",
 					"Competitor, brand, and rank monitoring with briefs and alerts",
diff --git a/surfsense_web/content/docs/connectors/index.mdx b/surfsense_web/content/docs/connectors/index.mdx
index 1ee9209e6..ab136c372 100644
--- a/surfsense_web/content/docs/connectors/index.mdx
+++ b/surfsense_web/content/docs/connectors/index.mdx
@@ -12,7 +12,7 @@ Connectors bring data into SurfSense — either as searchable knowledge or as li
   <Card
     icon={<Zap />}
     title="Native Connectors"
-    description="SurfSense's built-in scraper APIs: Reddit, YouTube, Google Maps, Google Search, and Web Crawl — usable in chat, the API Playground, or via REST"
+    description="SurfSense's built-in scraper APIs: Reddit, YouTube, TikTok, Google Maps, Google Search, and Web Crawl — usable in chat, the API Playground, or via REST"
     href="/docs/connectors/native"
   />
   <Card
diff --git a/surfsense_web/lib/connectors-marketing/index.ts b/surfsense_web/lib/connectors-marketing/index.ts
index 901670f8a..2b0cde221 100644
--- a/surfsense_web/lib/connectors-marketing/index.ts
+++ b/surfsense_web/lib/connectors-marketing/index.ts
@@ -1,6 +1,7 @@
 import { googleMaps } from "./google-maps";
 import { googleSearch } from "./google-search";
 import { reddit } from "./reddit";
+import { tiktok } from "./tiktok";
 import type { ConnectorPageContent } from "./types";
 import { webCrawl } from "./web-crawl";
 import { youtube } from "./youtube";
@@ -11,6 +12,7 @@ export type { ConnectorPageContent } from "./types";
 const CONNECTOR_LIST: ConnectorPageContent[] = [
 	reddit,
 	youtube,
+	tiktok,
 	googleMaps,
 	googleSearch,
 	webCrawl,
diff --git a/surfsense_web/lib/connectors-marketing/reddit.tsx b/surfsense_web/lib/connectors-marketing/reddit.tsx
index db85a969c..802a9fffb 100644
--- a/surfsense_web/lib/connectors-marketing/reddit.tsx
+++ b/surfsense_web/lib/connectors-marketing/reddit.tsx
@@ -310,10 +310,10 @@ export const reddit: ConnectorPageContent = {
 
 	related: [
 		{ label: "YouTube API", href: "/youtube" },
+		{ label: "TikTok API", href: "/tiktok" },
 		{ label: "Google Maps API", href: "/google-maps" },
 		{ label: "SERP API", href: "/google-search" },
 		{ label: "Web Crawl API", href: "/web-crawl" },
 		{ label: "SurfSense MCP Server", href: "/mcp-server" },
-		{ label: "Read the docs", href: "/docs" },
 	],
 };
diff --git a/surfsense_web/lib/connectors-marketing/tiktok.tsx b/surfsense_web/lib/connectors-marketing/tiktok.tsx
new file mode 100644
index 000000000..a25b71d61
--- /dev/null
+++ b/surfsense_web/lib/connectors-marketing/tiktok.tsx
@@ -0,0 +1,277 @@
+import { IconBrandTiktok } from "@tabler/icons-react";
+import type { ConnectorPageContent } from "./types";
+
+export const tiktok: ConnectorPageContent = {
+	slug: "tiktok",
+	name: "TikTok",
+	icon: IconBrandTiktok,
+
+	metaTitle: "TikTok Scraper API for Trend and Creator Research | SurfSense",
+	metaDescription:
+		"Scrape public TikTok videos by hashtag, search, or URL with the SurfSense TikTok Scraper API. No approval process or research-API gatekeeping, plus a free tier. Start now.",
+	keywords: [
+		"tiktok scraper",
+		"tiktok scraper api",
+		"tiktok api",
+		"tiktok api alternative",
+		"scrape tiktok",
+		"tiktok data api",
+		"tiktok hashtag scraper",
+		"tiktok trend tracking",
+		"tiktok mcp",
+		"social listening",
+		"influencer research tool",
+		"short-form video analytics",
+	],
+
+	h1: "TikTok Scraper API for Trend and Creator Research",
+	heroLede:
+		"The SurfSense TikTok API extracts public videos by hashtag, search, or URL without TikTok's approval-gated Research API. Give your AI agents a live feed of what your market watches and shares, so you catch a trend while it is still rising.",
+
+	transcript: {
+		prompt: "Find trending TikToks about meal prep this week",
+		toolCall: 'tiktok.scrape({ hashtags: ["mealprep"], max_items: 25 })',
+		rows: [
+			{
+				primary: "5 high-protein lunches under 400 cals",
+				secondary: "@fitmeals · 2.1M plays · 184K likes",
+				tag: "breakout",
+			},
+			{
+				primary: "The $20 weekly meal prep everyone's copying",
+				secondary: "@budgetbites · 980K plays · 72K likes",
+				tag: "rising",
+			},
+			{
+				primary: "POV: your fridge after Sunday meal prep",
+				secondary: "@cleaneats · 640K plays · 51K likes",
+				tag: "high engagement",
+			},
+		],
+		resultSummary: "25 videos · 8.4M plays · surfaced in 3.2s",
+	},
+
+	extractIntro:
+		"Every call returns structured video items. Point the API at a hashtag, a search query, a creator profile, or a specific video URL.",
+	extractFields: [
+		{
+			label: "Videos",
+			description: "Caption text, canonical web URL, duration, and cover image for each video.",
+		},
+		{
+			label: "Engagement",
+			description:
+				"Play, like, comment, share, and save counts — the signal for what is breaking out.",
+		},
+		{
+			label: "Authors",
+			description: "Creator handle, nickname, follower and heart counts, and verified status.",
+		},
+		{
+			label: "Music",
+			description: "Track name, artist, and whether the sound is original — the seed of a trend.",
+		},
+		{
+			label: "Hashtags",
+			description: "Every hashtag on a video, so you can map a topic cluster or campaign.",
+		},
+		{
+			label: "Timestamps",
+			description: "Created and scraped times so you can track a video's momentum over runs.",
+		},
+	],
+
+	useCasesHeading: "What teams do with the TikTok API",
+	useCases: [
+		{
+			title: "Trend and hashtag monitoring",
+			description:
+				"Track a hashtag or search term and feed the stream to an agent that flags breakout videos, rising sounds, and formats before they saturate. Catch the wave while it is still rising, not after.",
+		},
+		{
+			title: "Creator and influencer discovery",
+			description:
+				"Surface the creators driving a topic, ranked by real engagement, so your team shortlists partners from data instead of a manager's pitch deck.",
+		},
+		{
+			title: "Competitor content analysis",
+			description:
+				"Watch what your category posts and what actually lands. Turn a competitor's best-performing formats and hooks into your own content brief.",
+		},
+		{
+			title: "Campaign and sentiment tracking",
+			description:
+				"Measure how a launch or branded hashtag spreads across TikTok — video count, reach, and engagement over time — and report the momentum, not a vanity view count.",
+		},
+	],
+
+	comparison: {
+		heading: "A TikTok API alternative built for agents",
+		intro:
+			"TikTok's official Research API is approval-gated and largely limited to academic and nonprofit use. If you cannot get access or need it for commercial research, here is how SurfSense compares.",
+		columnLabel: "Official TikTok API",
+		rows: [
+			{
+				feature: "Access",
+				official: "Application and approval, often restricted to academic/nonprofit use",
+				surfsense: "One API key, no approval process",
+			},
+			{
+				feature: "Pricing",
+				official: "Free but gated, with usage quotas per approved project",
+				surfsense: "Pay per item returned, with a free tier to start",
+			},
+			{
+				feature: "Signing",
+				official: "You manage the client-side signature that TikTok rotates",
+				surfsense: "Handled for you; a real browser signs each request",
+			},
+			{
+				feature: "Setup",
+				official: "Register a developer app and await review",
+				surfsense: "One API key, or add the MCP server to your agent",
+			},
+			{
+				feature: "Agent-ready",
+				official: "No; you build the harness yourself",
+				surfsense: "MCP server exposes tiktok.scrape as a native tool",
+			},
+		],
+	},
+
+	api: {
+		platform: "tiktok",
+		verb: "scrape",
+		mcpTool: "tiktok.scrape",
+		requestBody: {
+			hashtags: ["mealprep"],
+			max_items: 25,
+		},
+	},
+
+	schema: {
+		requestNote:
+			"Provide at least one source: urls, profiles, hashtags, or search_queries. Up to 20 sources per call.",
+		request: [
+			{
+				name: "urls",
+				type: "string[]",
+				defaultValue: "[]",
+				description:
+					"TikTok URLs to scrape: a video, a profile (/@user), a hashtag (/tag/name), or a search URL. Max 20.",
+			},
+			{
+				name: "profiles",
+				type: "string[]",
+				defaultValue: "[]",
+				description: "Profile usernames to scrape, with or without a leading @. Max 20.",
+			},
+			{
+				name: "hashtags",
+				type: "string[]",
+				defaultValue: "[]",
+				description: "Hashtag names to scrape, without the # prefix. Max 20.",
+			},
+			{
+				name: "search_queries",
+				type: "string[]",
+				defaultValue: "[]",
+				description:
+					"Search terms to run on TikTok. Each returns up to results_per_page videos. Max 20.",
+			},
+			{
+				name: "results_per_page",
+				type: "integer",
+				defaultValue: "10",
+				description: "Max videos to pull per profile, hashtag, or search target. 1 to 100.",
+			},
+			{
+				name: "max_items",
+				type: "integer",
+				defaultValue: "10",
+				description: "Max total videos to return across all sources. 1 to 100.",
+			},
+		],
+		responseNote:
+			"The response is { items: [...] } with one video item per result. One returned item is one billable unit.",
+		response: [
+			{
+				name: "id / webVideoUrl",
+				type: "string",
+				description: "The TikTok video ID and its canonical web URL.",
+			},
+			{
+				name: "text",
+				type: "string",
+				description: "The video caption, including inline hashtags and mentions.",
+			},
+			{
+				name: "authorMeta",
+				type: "object",
+				description: "Creator handle, nickname, follower and heart counts, and verified flag.",
+			},
+			{
+				name: "musicMeta",
+				type: "object",
+				description: "Track name, artist, and whether the sound is original.",
+			},
+			{
+				name: "videoMeta",
+				type: "object",
+				description: "Duration, dimensions, and cover image for the video.",
+			},
+			{
+				name: "playCount / diggCount",
+				type: "integer",
+				description: "Play count and like (digg) count, the core reach and engagement signals.",
+			},
+			{
+				name: "commentCount / shareCount",
+				type: "integer",
+				description: "Comment and share counts for measuring conversation and spread.",
+			},
+			{
+				name: "hashtags",
+				type: "object[]",
+				description: "The hashtags attached to the video, for topic and campaign mapping.",
+			},
+			{
+				name: "createTimeISO / scrapedAt",
+				type: "string",
+				description: "ISO timestamps for when the video was posted and when it was scraped.",
+			},
+		],
+	},
+
+	faq: [
+		{
+			question: "Is scraping TikTok legal?",
+			answer:
+				"SurfSense reads only public TikTok data, the same videos any logged-out visitor can see. It never logs in and cannot access private or deleted content. As always, review TikTok's terms and your own compliance needs before you run at scale.",
+		},
+		{
+			question: "Does this need the official TikTok API?",
+			answer:
+				"No. It is an independent alternative, not a wrapper on the Research API, so there is no application or approval process. You call the SurfSense API with one key, or add the MCP server to your agent, and get structured videos back.",
+		},
+		{
+			question: "What are the rate limits?",
+			answer:
+				"Each call caps at 100 returned videos across all sources, with up to 20 hashtags, searches, profiles, or URLs per request. SurfSense manages the underlying request budget and request signing for you.",
+		},
+		{
+			question: "Can I scrape a specific creator's videos?",
+			answer:
+				"You can pass profiles or a profile URL, but TikTok restricts its profile video endpoint for automated clients, so a profile target can return no videos even for a public account. For reliable results, scrape by hashtag, by search query, or by a direct video URL.",
+		},
+	],
+
+	related: [
+		{ label: "Reddit API", href: "/reddit" },
+		{ label: "YouTube API", href: "/youtube" },
+		{ label: "Google Maps API", href: "/google-maps" },
+		{ label: "SERP API", href: "/google-search" },
+		{ label: "Web Crawl API", href: "/web-crawl" },
+		{ label: "SurfSense MCP Server", href: "/mcp-server" },
+	],
+};
diff --git a/surfsense_web/lib/connectors-marketing/youtube.tsx b/surfsense_web/lib/connectors-marketing/youtube.tsx
index 1850cbe86..4f841c171 100644
--- a/surfsense_web/lib/connectors-marketing/youtube.tsx
+++ b/surfsense_web/lib/connectors-marketing/youtube.tsx
@@ -270,10 +270,10 @@ export const youtube: ConnectorPageContent = {
 
 	related: [
 		{ label: "Reddit API", href: "/reddit" },
+		{ label: "TikTok API", href: "/tiktok" },
 		{ label: "Google Maps API", href: "/google-maps" },
 		{ label: "SERP API", href: "/google-search" },
 		{ label: "Web Crawl API", href: "/web-crawl" },
 		{ label: "SurfSense MCP Server", href: "/mcp-server" },
-		{ label: "Read the docs", href: "/docs" },
 	],
 };