External/SnapOtter
1
0
Fork 0
mirror of https://github.com/snapotter-hq/SnapOtter.git synced 2026-08-03 07:46:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: expand alternatives comparisons (#384)

Browse Source
This commit is contained in:
SnapOtter
2026-07-01 17:30:02 +08:00
committed by GitHub
parent ec98dfde9a
commit 174001d384
4 changed files with 510 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/landing/src/pages/alternatives/[slug].astro
+27 -2
View File
@@ -17,6 +17,12 @@ export function getStaticPaths() {
const { alt } = Astro.props;
const canonical = `https://snapotter.com/alternatives/${alt.slug}`;
const others = ALTERNATIVES.filter((a) => a.slug !== alt.slug);
const reviewedOn = new Intl.DateTimeFormat("en-US", {
month: "long",
day: "numeric",
year: "numeric",
timeZone: "UTC",
}).format(new Date(`${alt.lastReviewed}T00:00:00Z`));
const breadcrumbJsonLd = {
"@context": "https://schema.org",
@@ -143,9 +149,28 @@ const allJsonLd = [breadcrumbJsonLd, ...(faqJsonLd ? [faqJsonLd] : [])];
</table>
</div>
<p class="mt-4 text-xs text-muted">
Comparison reflects the open-source editions and publicly documented plans. Vendor
features change; check current docs before deciding.
Last reviewed {reviewedOn}. Comparison uses publicly available vendor pages and focuses
on deployment model, file location, auditability, and workflow fit. Vendor features and
plans change; check current docs before deciding. SnapOtter is not affiliated with
{alt.competitor}.
</p>
<div class="mt-5">
<p class="text-xs font-semibold uppercase tracking-wide text-muted">Sources reviewed</p>
<ul class="mt-2 flex flex-wrap gap-x-4 gap-y-2 text-xs">
{alt.sources.map((source) => (
<li>
<a
href={source.url}
target="_blank"
rel="noopener noreferrer"
class="text-primary transition-colors hover:text-primary-dark"
>
{source.label}
</a>
</li>
))}
</ul>
</div>
</div>
</div>
</section>
apps/landing/src/pages/alternatives/index.astro
+48 -6
View File
@@ -30,11 +30,19 @@ const itemListJsonLd = {
};
const allJsonLd = [breadcrumbJsonLd, itemListJsonLd];
const formatReviewDate = (date: string) =>
new Intl.DateTimeFormat("en-US", {
month: "short",
day: "numeric",
year: "numeric",
timeZone: "UTC",
}).format(new Date(`${date}T00:00:00Z`));
---
<Base
title="Open-Source, Self-Hosted Alternatives to Cloud File Tools | SnapOtter"
description="Open-source, self-hosted alternatives to Smallpdf, iLovePDF, TinyPNG, CloudConvert, and Otter.ai. One stack for image, video, audio, PDF, and files, on infrastructure you own."
description="Open-source, self-hosted alternatives to TinyWow, Smallpdf, Adobe Acrobat online, FreeConvert, Convertio, CloudConvert, Otter.ai, and more. One stack for image, video, audio, PDF, and files."
canonical={canonical}
>
<Fragment slot="head">
@@ -51,9 +59,9 @@ const allJsonLd = [breadcrumbJsonLd, itemListJsonLd];
Open-source alternatives to cloud file tools
</h1>
<p class="mx-auto mt-5 max-w-2xl text-lg leading-relaxed text-muted md:text-xl">
Most file tools upload your work to someone else's server. SnapOtter runs the same kinds of
tools on yours: 241 of them across image, video, audio, PDF, and files, in one self-hosted
stack.
Most online file tools upload your work to someone else's server. SnapOtter runs the same
kinds of tools on yours: 241 of them across image, video, audio, PDF, and files, in one
self-hosted stack.
</p>
</div>
</section>
@@ -73,6 +81,7 @@ const allJsonLd = [breadcrumbJsonLd, itemListJsonLd];
: `The alternative to ${alt.competitor}`}
</span>
<span class="mt-2 text-sm leading-relaxed text-muted">{alt.intro}</span>
<span class="mt-4 text-xs text-muted">Reviewed {formatReviewDate(alt.lastReviewed)}</span>
<span class="mt-auto inline-flex items-center gap-1 pt-5 text-sm font-medium text-primary transition-all group-hover:gap-2">
Compare
<svg class="h-3.5 w-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
@@ -84,6 +93,39 @@ const allJsonLd = [breadcrumbJsonLd, itemListJsonLd];
</div>
</section>
<!-- Methodology -->
<section class="border-t border-border py-16">
<div class="mx-auto max-w-4xl px-6">
<div class="reveal">
<h2 class="font-display text-2xl font-bold tracking-tight md:text-3xl">
Comparisons that age gracefully
</h2>
<div class="mt-6 grid gap-6 sm:grid-cols-3">
<div>
<h3 class="text-sm font-semibold">Dated reviews</h3>
<p class="mt-2 text-sm leading-relaxed text-muted">
Every comparison page shows when the vendor pages were last checked, so stale
claims are easier to spot.
</p>
</div>
<div>
<h3 class="text-sm font-semibold">Public sources</h3>
<p class="mt-2 text-sm leading-relaxed text-muted">
Source links sit next to the comparison instead of being buried in a private note.
</p>
</div>
<div>
<h3 class="text-sm font-semibold">Stable criteria</h3>
<p class="mt-2 text-sm leading-relaxed text-muted">
The core comparison is deployment model, file location, auditability, and workflow
fit, not fragile point-in-time feature trivia.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Why self-hosted -->
<section class="border-t border-border bg-background-alt py-16">
<div class="mx-auto max-w-4xl px-6">
@@ -102,8 +144,8 @@ const allJsonLd = [breadcrumbJsonLd, itemListJsonLd];
<div>
<h3 class="text-sm font-semibold">No quotas or per-file fees</h3>
<p class="mt-2 text-sm leading-relaxed text-muted">
The only limit is your machine. No monthly cap, no per-conversion billing, no
watermarks on the free output.
The only limit is your machine and your configuration. No third-party
per-conversion billing for internal jobs.
</p>
</div>
<div>