Skip to content

Commit 4086750

Browse files
waleedlatif1waleedlatif1
authored
feat(comparison): add Sim vs Competitor comparison pages (#5383)
* feat(comparison): add Sim vs Competitor comparison pages - New /comparison hub + /comparison/[provider] detail pages for Sim vs 16 competitors (n8n, Zapier, Make, Gumloop, Workato, Retool, Pipedream, OpenAI AgentKit, Tines, StackAI, Power Automate, Vellum, Claude Cowork, Langflow, Flowise), each with ~60 sourced, dated facts across platform, AI capabilities, integrations, pricing, security, observability, and support - Data layer at lib/compare/data (types, per-competitor profiles) is UI-free and independently auditable - BreadcrumbList, ItemList, and FAQPage JSON-LD per page; sitemap picks up all pages automatically via ALL_COMPETITORS - Two new fact categories (parallel execution, Agent2Agent protocol) researched and sourced against every competitor's own docs * improvement(comparison): neutralize tone across competitor and Sim fact copy - Remove promotional/superlative adjectives applied to competitors (Zapier "one of the largest catalogs", Workato "notably wide", Retool "seamless"/"trusted solution", OpenAI "cutting-edge", Flowise "deep"/"mature"/"most widely adopted", Make "robust") - Reword the few places Sim's own accurate limitations read as unflattering rather than neutral fact (dynamic tool use, model fallback, durability, async execution, support channels, tracing) without changing the underlying facts - Restore the "Yes:"/"No:" value prefix on two Sim facts where it was accidentally dropped during rewording, since FactValue depends on that prefix to render the check/X status icon * fix(comparison): address review findings from Greptile and Cursor Bugbot - Fix parseFactValue regex to require a word boundary after Yes/No, so values like "Not documented"/"Not publicly documented" no longer get misread as a boolean "No" and render as neutral text again (Cursor) - Reword the self-hosting FAQ question to drop the false presupposition that the competitor doesn't self-host, which was wrong for n8n, Langflow, and Flowise (Greptile) - Rename isLastRow -> isNotLastRow in comparison-table.tsx to match what the variable actually computes (Greptile) - Move critters to devDependencies; it's a next build -time-only CSS inliner, not needed at runtime (Greptile) - Sitemap lastModified for comparison pages now matches the max(Sim, competitor) verified-date logic each page's own JSON-LD dateModified already uses, so the two never disagree (Cursor) * fix(comparison): fix doubled Yes prefix and missing period in hub FAQ - Two hub FAQ answers prepended "Yes." to fact values that already start with "Yes:", producing "Yes. Yes: ..." in visible copy and FAQPage JSON-LD. Export and reuse ensurePeriod instead of a hardcoded prefix. - The integrations-count FAQ answer ran two sentences together with no period before "Combined with...". Fixed with the same ensurePeriod helper. * improvement(comparison): remove redundant Key differences at a glance section The 5 facts it previewed (self-hosting, environment promotion, human-in-the-loop, pricing model, data residency) are the exact same rows shown again immediately below in the full comparison table, so the section read as pure repetition for a human scrolling past it. * fix(comparison): strip Yes/No prefix before lowercasing in summarizeFact summarizeFact fed the raw fact value through lowercaseFirst even when it started with "Yes: "/"No: ", producing broken mid-sentence FAQ text like "n8n: yes: many providers via dedicated Chat Model nodes." Strip the boolean prefix first, matching Greptile's suggested fix.
1 parent 3e71084 commit 4086750

40 files changed

Lines changed: 20065 additions & 6 deletions

‎apps/sim/app/(landing)/comparison/[provider]/page.tsx‎

Lines changed: 317 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,317 @@
1+
import type { Metadata } from 'next'
2+
import { notFound } from 'next/navigation'
3+
import type { CompetitorProfile } from '@/lib/compare/data'
4+
import { simProfile } from '@/lib/compare/data'
5+
import { SITE_URL } from '@/lib/core/utils/urls'
6+
import { buildLandingMetadata } from '@/lib/landing/seo'
7+
import { COMPARISON_SECTIONS, getFactGroup } from '@/app/(landing)/comparison/comparison-sections'
8+
import { BrandIconTile, SimIconTile } from '@/app/(landing)/comparison/components/brand-icon-tile'
9+
import { ComparisonCards } from '@/app/(landing)/comparison/components/comparison-cards'
10+
import { ComparisonTable } from '@/app/(landing)/comparison/components/comparison-table'
11+
import {
12+
ALL_COMPETITORS,
13+
buildBottomLine,
14+
buildComparisonFaqs,
15+
getCompetitorBySlug,
16+
getLatestVerifiedDate,
17+
SIM_LATEST_VERIFIED,
18+
} from '@/app/(landing)/comparison/utils'
19+
import { BackLink } from '@/app/(landing)/components'
20+
import { Cta } from '@/app/(landing)/components/cta/cta'
21+
import { JsonLd } from '@/app/(landing)/components/json-ld'
22+
import { LandingFAQ } from '@/app/(landing)/components/landing-faq'
23+
24+
const baseUrl = SITE_URL
25+
26+
export const revalidate = 3600
27+
export const dynamicParams = false
28+
29+
export async function generateStaticParams() {
30+
return ALL_COMPETITORS.map((competitor) => ({ provider: competitor.id }))
31+
}
32+
33+
/** Flattens a profile's facts into JSON-LD `additionalProperty` entries, in {@link COMPARISON_SECTIONS} order. */
34+
function factsToProperties(profile: CompetitorProfile) {
35+
return COMPARISON_SECTIONS.flatMap((section) => {
36+
const group = getFactGroup(profile, section.group)
37+
return section.rows.map((row) => ({
38+
'@type': 'PropertyValue',
39+
name: row.label,
40+
value: group[row.key]?.value ?? 'Unknown',
41+
}))
42+
})
43+
}
44+
45+
export async function generateMetadata({
46+
params,
47+
}: {
48+
params: Promise<{ provider: string }>
49+
}): Promise<Metadata> {
50+
const { provider: providerSlug } = await params
51+
const competitor = getCompetitorBySlug(providerSlug)
52+
53+
if (!competitor) {
54+
return {}
55+
}
56+
57+
return buildLandingMetadata({
58+
title: `Sim vs ${competitor.name}: AI Workspace Comparison`,
59+
description: `Compare Sim, the open-source AI workspace, to ${competitor.name} on platform, AI, integrations, pricing, security, and support. Sourced and dated facts.`,
60+
path: `/comparison/${competitor.id}`,
61+
keywords: [
62+
`Sim vs ${competitor.name}`,
63+
`${competitor.name} alternative`,
64+
`${competitor.name} vs Sim`,
65+
`open source ${competitor.name} alternative`,
66+
`${competitor.name} comparison`,
67+
'AI agent workspace',
68+
'AI workflow automation comparison',
69+
].join(', '),
70+
})
71+
}
72+
73+
export default async function ComparisonProviderPage({
74+
params,
75+
}: {
76+
params: Promise<{ provider: string }>
77+
}) {
78+
const { provider: providerSlug } = await params
79+
const competitor = getCompetitorBySlug(providerSlug)
80+
81+
if (!competitor) {
82+
notFound()
83+
}
84+
85+
const faqs = buildComparisonFaqs(competitor)
86+
const verdict = buildBottomLine(competitor)
87+
const CompetitorIcon = competitor.brand?.icon
88+
89+
const breadcrumbJsonLd = {
90+
'@context': 'https://schema.org',
91+
'@type': 'BreadcrumbList',
92+
itemListElement: [
93+
{ '@type': 'ListItem', position: 1, name: 'Home', item: baseUrl },
94+
{ '@type': 'ListItem', position: 2, name: 'Comparison', item: `${baseUrl}/comparison` },
95+
{
96+
'@type': 'ListItem',
97+
position: 3,
98+
name: `Sim vs ${competitor.name}`,
99+
item: `${baseUrl}/comparison/${competitor.id}`,
100+
},
101+
],
102+
}
103+
104+
const latestVerified = new Date(
105+
Math.max(SIM_LATEST_VERIFIED.getTime(), getLatestVerifiedDate(competitor).getTime())
106+
)
107+
108+
const productComparisonJsonLd = {
109+
'@context': 'https://schema.org',
110+
'@type': 'ItemList',
111+
name: `Sim vs ${competitor.name}`,
112+
description: `Feature and pricing comparison between Sim and ${competitor.name}.`,
113+
url: `${baseUrl}/comparison/${competitor.id}`,
114+
dateModified: latestVerified.toISOString().slice(0, 10),
115+
numberOfItems: 2,
116+
itemListElement: [
117+
{
118+
'@type': 'ListItem',
119+
position: 1,
120+
item: {
121+
'@type': 'SoftwareApplication',
122+
name: 'Sim',
123+
applicationCategory: 'BusinessApplication',
124+
url: SITE_URL,
125+
description: simProfile.oneLiner,
126+
additionalProperty: factsToProperties(simProfile),
127+
},
128+
},
129+
{
130+
'@type': 'ListItem',
131+
position: 2,
132+
item: {
133+
'@type': 'SoftwareApplication',
134+
name: competitor.name,
135+
applicationCategory: 'BusinessApplication',
136+
url: competitor.website,
137+
description: competitor.oneLiner,
138+
additionalProperty: factsToProperties(competitor),
139+
},
140+
},
141+
],
142+
}
143+
144+
const faqJsonLd = {
145+
'@context': 'https://schema.org',
146+
'@type': 'FAQPage',
147+
mainEntity: faqs.map((faq) => ({
148+
'@type': 'Question',
149+
name: faq.question,
150+
acceptedAnswer: {
151+
'@type': 'Answer',
152+
text: faq.answer,
153+
},
154+
})),
155+
}
156+
157+
return (
158+
<>
159+
<JsonLd data={breadcrumbJsonLd} />
160+
<JsonLd data={productComparisonJsonLd} />
161+
<JsonLd data={faqJsonLd} />
162+
163+
<main id='main-content' className='bg-[var(--bg)]'>
164+
<div className='mx-auto w-full max-w-[1446px] px-12 pt-[112px] max-sm:px-5 max-sm:pt-20 max-lg:px-8'>
165+
<div className='mb-6'>
166+
<BackLink href='/comparison' label='Back to comparisons' />
167+
</div>
168+
169+
<div className='flex flex-col gap-4'>
170+
<h1
171+
id='comparison-heading'
172+
className='text-balance text-[28px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[40px]'
173+
>
174+
Sim vs {competitor.name}
175+
</h1>
176+
<p className='max-w-[720px] text-[var(--text-muted)] text-sm leading-[150%] tracking-[0.02em] lg:text-base'>
177+
Sim is the open-source AI workspace where teams build, deploy, and manage AI agents
178+
visually, conversationally, or with code. Here is how Sim compares to{' '}
179+
{competitor.name} on platform architecture, AI capabilities, integrations, pricing,
180+
security, and support. Every fact below is sourced and dated.
181+
</p>
182+
<p className='sr-only'>
183+
Sim is an open-source AI workspace for building, deploying, and managing AI agents.
184+
This page compares Sim to {competitor.name} across platform architecture, AI
185+
capabilities, integrations, pricing, security and compliance, observability, and
186+
support, using sourced, dated facts for buyers evaluating both platforms.
187+
</p>
188+
</div>
189+
</div>
190+
191+
<div className='mt-8 h-px w-full bg-[var(--border)]' />
192+
193+
<div className='mx-auto w-full max-w-[1446px]'>
194+
<div className='mx-12 border-[var(--border)] border-x max-sm:mx-5 max-lg:mx-8'>
195+
<div className='grid grid-cols-1 sm:grid-cols-2'>
196+
<section
197+
aria-labelledby='what-is-sim-heading'
198+
className='border-[var(--border)] border-r px-6 py-6 max-sm:border-r-0 max-sm:border-b'
199+
>
200+
<h2
201+
id='what-is-sim-heading'
202+
className='mb-2 flex items-center gap-2.5 text-[18px] text-[var(--text-primary)] leading-snug tracking-[-0.01em]'
203+
>
204+
<SimIconTile className='size-9' />
205+
What is Sim?
206+
</h2>
207+
<p className='text-[var(--text-body)] text-small leading-[150%]'>
208+
{simProfile.oneLiner}
209+
</p>
210+
</section>
211+
<section aria-labelledby='what-is-competitor-heading' className='px-6 py-6'>
212+
<h2
213+
id='what-is-competitor-heading'
214+
className='mb-2 flex items-center gap-2.5 text-[18px] text-[var(--text-primary)] leading-snug tracking-[-0.01em]'
215+
>
216+
{CompetitorIcon ? (
217+
<BrandIconTile
218+
icon={CompetitorIcon}
219+
selfFramed={competitor.brand?.selfFramed}
220+
className='size-9'
221+
iconClassName='size-5'
222+
/>
223+
) : null}
224+
What is {competitor.name}?
225+
</h2>
226+
<p className='text-[var(--text-body)] text-small leading-[150%]'>
227+
{competitor.oneLiner}
228+
</p>
229+
</section>
230+
</div>
231+
232+
<div className='h-px w-full bg-[var(--border)]' />
233+
234+
<section aria-labelledby='comparison-table-heading' className='px-6 py-10'>
235+
<h2
236+
id='comparison-table-heading'
237+
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
238+
>
239+
Sim vs {competitor.name}: feature-by-feature comparison
240+
</h2>
241+
<ComparisonTable sim={simProfile} competitor={competitor} />
242+
</section>
243+
244+
<div className='h-px w-full bg-[var(--border)]' />
245+
246+
<div className='grid grid-cols-1 lg:grid-cols-2'>
247+
<section
248+
aria-labelledby='sim-standout-heading'
249+
className='border-[var(--border)] border-r max-lg:border-r-0 max-lg:border-b'
250+
>
251+
<div className='px-6 pt-6 pb-2'>
252+
<h2
253+
id='sim-standout-heading'
254+
className='text-[18px] text-[var(--text-primary)] leading-snug tracking-[-0.01em]'
255+
>
256+
Sim standout features
257+
</h2>
258+
</div>
259+
<ComparisonCards items={simProfile.standoutFeatures} />
260+
</section>
261+
<section aria-labelledby='competitor-limitations-heading'>
262+
<div className='px-6 pt-6 pb-2'>
263+
<h2
264+
id='competitor-limitations-heading'
265+
className='text-[18px] text-[var(--text-primary)] leading-snug tracking-[-0.01em]'
266+
>
267+
Documented {competitor.name} limitations
268+
</h2>
269+
</div>
270+
<ComparisonCards items={competitor.limitations} />
271+
</section>
272+
</div>
273+
274+
<div className='h-px w-full bg-[var(--border)]' />
275+
276+
<section aria-labelledby='bottom-line-heading' className='px-6 py-10'>
277+
<h2
278+
id='bottom-line-heading'
279+
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
280+
>
281+
Bottom line
282+
</h2>
283+
<div className='flex flex-col gap-3'>
284+
<p className='text-[var(--text-body)] text-small leading-[150%]'>
285+
{verdict.chooseSim}
286+
</p>
287+
<p className='text-[var(--text-body)] text-small leading-[150%]'>
288+
{verdict.chooseCompetitor}
289+
</p>
290+
</div>
291+
</section>
292+
293+
<div className='h-px w-full bg-[var(--border)]' />
294+
295+
<section aria-labelledby='faq-heading' className='px-6 py-10'>
296+
<h2
297+
id='faq-heading'
298+
className='mb-4 text-[20px] text-[var(--text-primary)] leading-[100%] tracking-[-0.02em] lg:text-[24px]'
299+
>
300+
Frequently asked questions
301+
</h2>
302+
<div>
303+
<LandingFAQ faqs={faqs} />
304+
</div>
305+
</section>
306+
</div>
307+
</div>
308+
309+
<div className='-mt-px h-px w-full bg-[var(--border)]' />
310+
</main>
311+
312+
<div className='py-16'>
313+
<Cta />
314+
</div>
315+
</>
316+
)
317+
}

0 commit comments

Comments
 (0)