manufacturers + NAB Show naming sweep

- Standardize "NAB Show" / "2026 NAB Show" across badges, filter chips,
  and headings; never bare "NAB" in user-facing copy.
- /manufacturers/[slug]: normalize show name at render, strip
  randomstring suffix on booth, hide booth unless the show is within 90
  days, filter single-letter junk out of category display.
- News filter "NAB Show" chip loose-matches any nab-tagged article so
  legacy "NAB 2026" tags still surface.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Ryan Salazar
2026-05-27 22:07:29 +00:00
parent ec3118e7bc
commit 95eba5794b
9 changed files with 101 additions and 50 deletions

View File

@@ -129,12 +129,12 @@ export default function ManufacturerDirectoryClient({
<div className="flex items-center gap-1.5 mt-1 mb-1.5 flex-wrap"> <div className="flex items-center gap-1.5 mt-1 mb-1.5 flex-wrap">
{m.exhibits_nab && ( {m.exhibits_nab && (
<span className="text-[10px] font-semibold uppercase tracking-wider bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded"> <span className="text-[10px] font-semibold uppercase tracking-wider bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded">
NAB 26 2026 NAB Show
</span> </span>
)} )}
{m.exhibits_ibc && ( {m.exhibits_ibc && (
<span className="text-[10px] font-semibold uppercase tracking-wider bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded"> <span className="text-[10px] font-semibold uppercase tracking-wider bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded">
IBC IBC 2026
</span> </span>
)} )}
{m.featured && ( {m.featured && (

View File

@@ -9,6 +9,36 @@ export const revalidate = 1800;
type Params = { slug: string }; type Params = { slug: string };
// Known show date ranges. Booth numbers only render when the show is
// upcoming within 90 days; otherwise the row is shown without a booth.
const SHOW_DATES: Record<string, { start: string; end: string }> = {
"NAB Show:2026": { start: "2026-04-11", end: "2026-04-16" },
"NAB Show NY:2026": { start: "2026-10-21", end: "2026-10-23" },
"IBC:2026": { start: "2026-09-11", end: "2026-09-14" },
"NAB Show:2027": { start: "2027-04-17", end: "2027-04-22" },
};
function normaliseShowName(raw: string | null | undefined): string {
const s = (raw || "").trim();
if (!s) return s;
if (/^nab(\s*show)?$/i.test(s)) return "NAB Show";
if (/^nab\s*(show\s*)?(ny|new\s*york)$/i.test(s)) return "NAB Show NY";
if (/^ibc(\s*show)?$/i.test(s)) return "IBC";
return s;
}
function shouldShowBooth(show: string, year: number | null): boolean {
if (!year) return false;
const dates = SHOW_DATES[`${show}:${year}`];
if (!dates) return false;
const today = new Date();
const start = new Date(dates.start + "T00:00:00Z");
const end = new Date(dates.end + "T23:59:59Z");
if (today > end) return false;
const daysUntilStart = (start.getTime() - today.getTime()) / 86_400_000;
return daysUntilStart <= 90;
}
async function loadManufacturer(slug: string) { async function loadManufacturer(slug: string) {
const supabase = await createClient(); const supabase = await createClient();
const { data } = await supabase const { data } = await supabase
@@ -163,12 +193,12 @@ export default async function ManufacturerProfile({
<div className="flex items-center gap-2 flex-wrap text-xs"> <div className="flex items-center gap-2 flex-wrap text-xs">
{company.exhibits_nab && ( {company.exhibits_nab && (
<span className="bg-amber-500/15 text-amber-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider"> <span className="bg-amber-500/15 text-amber-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider">
NAB Show 2026 2026 NAB Show
</span> </span>
)} )}
{company.exhibits_ibc && ( {company.exhibits_ibc && (
<span className="bg-blue-500/15 text-blue-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider"> <span className="bg-blue-500/15 text-blue-300 px-2 py-0.5 rounded font-semibold uppercase tracking-wider">
IBC IBC 2026
</span> </span>
)} )}
{(company.hq_city || company.hq_country) && ( {(company.hq_city || company.hq_country) && (
@@ -315,21 +345,27 @@ export default async function ManufacturerProfile({
</section> </section>
)} )}
{company.categories && company.categories.length > 0 && ( {(() => {
<section className="mb-10"> const cleanCategories = (company.categories || []).filter(
<h2 className="text-lg font-display font-bold text-[#e0e0e0] mb-2">Categories</h2> (c: string) => typeof c === "string" && c.trim().length >= 2
<div className="flex flex-wrap gap-2"> );
{company.categories.map((c: string) => ( if (cleanCategories.length === 0) return null;
<span return (
key={c} <section className="mb-10">
className="text-xs bg-[#1a1a1a] text-[#aaa] px-2.5 py-1 rounded-full" <h2 className="text-lg font-display font-bold text-[#e0e0e0] mb-2">Categories</h2>
> <div className="flex flex-wrap gap-2">
{c} {cleanCategories.map((c: string) => (
</span> <span
))} key={c}
</div> className="text-xs bg-[#1a1a1a] text-[#aaa] px-2.5 py-1 rounded-full"
</section> >
)} {c}
</span>
))}
</div>
</section>
);
})()}
{shows.length > 0 && ( {shows.length > 0 && (
<section className="mb-10"> <section className="mb-10">
@@ -337,21 +373,27 @@ export default async function ManufacturerProfile({
Trade-show appearances Trade-show appearances
</h2> </h2>
<ul className="space-y-2"> <ul className="space-y-2">
{shows.map((s) => ( {shows.map((s) => {
<li const showName = normaliseShowName(s.show);
key={`${s.show}-${s.show_year}-${s.booth || "?"}`} const label = showName === "NAB Show"
className="bg-[#111] border border-[#252525] rounded-md px-4 py-3 flex items-center justify-between gap-4" ? `${s.show_year} NAB Show`
> : `${showName} ${s.show_year}`;
<div className="min-w-0"> const cleanBooth = (s.booth || "").replace(/randomstring\s*$/i, "").trim();
<span className="font-semibold text-[#e0e0e0]"> const renderBooth = cleanBooth && shouldShowBooth(showName, s.show_year);
{s.show} {s.show_year} return (
</span> <li
{s.booth && ( key={`${s.show}-${s.show_year}-${s.booth || "?"}`}
<span className="ml-3 text-sm text-[#888]">Booth {s.booth}</span> className="bg-[#111] border border-[#252525] rounded-md px-4 py-3 flex items-center justify-between gap-4"
)} >
</div> <div className="min-w-0">
</li> <span className="font-semibold text-[#e0e0e0]">{label}</span>
))} {renderBooth && (
<span className="ml-3 text-sm text-[#888]">Booth {cleanBooth}</span>
)}
</div>
</li>
);
})}
</ul> </ul>
</section> </section>
)} )}

View File

@@ -9,14 +9,14 @@ import CompanyMentionsHover from "@/components/CompanyMentionsHover";
export const revalidate = 600; export const revalidate = 600;
export const metadata: Metadata = { export const metadata: Metadata = {
title: "NAB Show 2026 — Live Coverage Hub | Broadcast Beat", title: "2026 NAB Show — Live Coverage Hub | Broadcast Beat",
description: description:
"Broadcast Beat's live coverage of NAB Show 2026: 1,100+ exhibitors, the latest product launches, booth-by-booth news, and editorial pick stories from the show floor.", "Broadcast Beat's live coverage of 2026 NAB Show: 1,100+ exhibitors, the latest product launches, booth-by-booth news, and editorial pick stories from the show floor.",
alternates: { canonical: "/nab-2026" }, alternates: { canonical: "/nab-2026" },
openGraph: { openGraph: {
title: "NAB Show 2026 — Live Coverage Hub", title: "2026 NAB Show — Live Coverage Hub",
description: description:
"Live coverage, exhibitor list, and breaking product news from NAB Show 2026.", "Live coverage, exhibitor list, and breaking product news from 2026 NAB Show.",
type: "website", type: "website",
url: "https://broadcastbeat.com/nab-2026", url: "https://broadcastbeat.com/nab-2026",
}, },
@@ -101,7 +101,7 @@ export default async function NabHub() {
<span className="text-xs text-[#888]">April 1116, 2026 · Las Vegas</span> <span className="text-xs text-[#888]">April 1116, 2026 · Las Vegas</span>
</div> </div>
<h1 className="text-3xl md:text-5xl font-display font-bold text-[#e0e0e0] mb-3"> <h1 className="text-3xl md:text-5xl font-display font-bold text-[#e0e0e0] mb-3">
NAB Show 2026 2026 NAB Show
</h1> </h1>
<p className="text-[#aaa] text-base max-w-3xl"> <p className="text-[#aaa] text-base max-w-3xl">
{exhibitors.length.toLocaleString()} exhibitors confirmed. {exhibitors.length.toLocaleString()} exhibitors confirmed.
@@ -118,7 +118,7 @@ export default async function NabHub() {
<section> <section>
<header className="flex items-baseline justify-between mb-4"> <header className="flex items-baseline justify-between mb-4">
<h2 className="text-xl font-display font-bold text-[#e0e0e0]"> <h2 className="text-xl font-display font-bold text-[#e0e0e0]">
Coverage Partners at NAB Coverage Partners at the 2026 NAB Show
</h2> </h2>
<span className="text-xs text-[#888]">{sponsorRows.length} exhibiting partner{sponsorRows.length === 1 ? "" : "s"}</span> <span className="text-xs text-[#888]">{sponsorRows.length} exhibiting partner{sponsorRows.length === 1 ? "" : "s"}</span>
</header> </header>
@@ -193,7 +193,7 @@ export default async function NabHub() {
<section> <section>
<header className="flex items-baseline justify-between mb-4"> <header className="flex items-baseline justify-between mb-4">
<h2 className="text-xl font-display font-bold text-[#e0e0e0]"> <h2 className="text-xl font-display font-bold text-[#e0e0e0]">
All NAB 2026 exhibitors All 2026 NAB Show exhibitors
</h2> </h2>
<Link href="/manufacturers" className="text-xs text-[#3b82f6] hover:underline"> <Link href="/manufacturers" className="text-xs text-[#3b82f6] hover:underline">
Full directory Full directory

View File

@@ -10,7 +10,7 @@ import type { Article } from "@/lib/articles/types";
import AISuggestedArticles from "@/components/AISuggestedArticles"; import AISuggestedArticles from "@/components/AISuggestedArticles";
import SidebarAdStack from "@/components/SidebarAdStack"; import SidebarAdStack from "@/components/SidebarAdStack";
const CATEGORIES = ["All", "Cloud", "AI", "IP Workflows", "Live Production", "Streaming", "Audio", "Cameras", "NAB 2026", "EAS", "Sports Broadcasting", "Ad Tech"]; const CATEGORIES = ["All", "Cloud", "AI", "IP Workflows", "Live Production", "Streaming", "Audio", "Cameras", "NAB Show", "EAS", "Sports Broadcasting", "Ad Tech"];
// Map URL category slugs (?category=live-production) to a matching CATEGORIES label. // Map URL category slugs (?category=live-production) to a matching CATEGORIES label.
function categoryFromSlug(slug: string | null): string { function categoryFromSlug(slug: string | null): string {
@@ -72,9 +72,18 @@ export default function NewsPage({ articles }: { articles: Article[] }) {
// Category filter // Category filter
if (activeCategory !== "All") { if (activeCategory !== "All") {
const cat = activeCategory.toLowerCase(); const cat = activeCategory.toLowerCase();
// The NAB Show chip should match any NAB-tagged article regardless of
// year suffix in the legacy tag (e.g. "NAB 2026", "NAB", "NAB Show").
const isNabChip = /\bnab\b/.test(cat);
result = result.filter((a) => { result = result.filter((a) => {
const tags = Array.isArray(a?.tags) ? a.tags : []; const tags = Array.isArray(a?.tags) ? a.tags : [];
const category = (a?.category ?? "").toLowerCase(); const category = (a?.category ?? "").toLowerCase();
if (isNabChip) {
return (
tags.some((t) => /\bnab\b/.test((t ?? "").toLowerCase())) ||
/\bnab\b/.test(category)
);
}
return ( return (
tags.some((t) => (t ?? "").toLowerCase() === cat) || tags.some((t) => (t ?? "").toLowerCase() === cat) ||
category.includes(cat) category.includes(cat)
@@ -302,7 +311,7 @@ export default function NewsPage({ articles }: { articles: Article[] }) {
Popular Tags Popular Tags
</h3> </h3>
<div className="flex flex-wrap gap-2"> <div className="flex flex-wrap gap-2">
{["IP Workflows", "Cloud", "AI", "Live Production", "Streaming", "NAB 2026", "Audio", "Cameras"].map((tag) => ( {["IP Workflows", "Cloud", "AI", "Live Production", "Streaming", "NAB Show", "Audio", "Cameras"].map((tag) => (
<button <button
key={tag} key={tag}
onClick={() => setActiveCategory(tag)} onClick={() => setActiveCategory(tag)}

View File

@@ -19,7 +19,7 @@ interface Article {
const TOPIC_OPTIONS = [ const TOPIC_OPTIONS = [
'Cloud', 'AI', 'IP Workflows', 'Live Production', 'Streaming', 'Cloud', 'AI', 'IP Workflows', 'Live Production', 'Streaming',
'Audio', 'Cameras', 'NAB 2026', 'EAS', 'Sports Broadcasting', 'Ad Tech', 'Audio', 'Cameras', 'NAB Show', 'EAS', 'Sports Broadcasting', 'Ad Tech',
]; ];
const STORAGE_KEY_INTERESTS = 'bb_reader_interests'; const STORAGE_KEY_INTERESTS = 'bb_reader_interests';

View File

@@ -95,12 +95,12 @@ export default async function CompaniesInThisStory({ slugs }: { slugs: string[]
)} )}
{t.exhibitsNab && ( {t.exhibitsNab && (
<span className="bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded"> <span className="bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">
NAB 26 2026 NAB Show
</span> </span>
)} )}
{t.exhibitsIbc && ( {t.exhibitsIbc && (
<span className="bg-blue-500/15 text-blue-300 px-1.5 py-0.5 rounded"> <span className="bg-blue-500/15 text-blue-300 px-1.5 py-0.5 rounded">
IBC IBC 2026
</span> </span>
)} )}
</div> </div>

View File

@@ -125,10 +125,10 @@ export default function CompanyMentionsHover() {
<span className="bg-emerald-50 text-emerald-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">Sponsor</span> <span className="bg-emerald-50 text-emerald-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">Sponsor</span>
)} )}
{preview.exhibitsNab && ( {preview.exhibitsNab && (
<span className="bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">NAB 26</span> <span className="bg-amber-50 text-amber-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">2026 NAB Show</span>
)} )}
{preview.exhibitsIbc && ( {preview.exhibitsIbc && (
<span className="bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">IBC</span> <span className="bg-blue-50 text-blue-700 px-1.5 py-0.5 rounded font-semibold uppercase tracking-wider">IBC 2026</span>
)} )}
{preview.hq && <span className="text-ink/60">{preview.hq}</span>} {preview.hq && <span className="text-ink/60">{preview.hq}</span>}
</div> </div>

View File

@@ -619,7 +619,7 @@ export default function Header() {
<span className="text-[9px] font-bold uppercase tracking-wider bg-emerald-500/15 text-emerald-300 px-1.5 py-0.5 rounded">Sponsor</span> <span className="text-[9px] font-bold uppercase tracking-wider bg-emerald-500/15 text-emerald-300 px-1.5 py-0.5 rounded">Sponsor</span>
)} )}
{c.exhibitsNab && !c.isSponsor && ( {c.exhibitsNab && !c.isSponsor && (
<span className="text-[9px] font-bold uppercase tracking-wider bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">NAB 26</span> <span className="text-[9px] font-bold uppercase tracking-wider bg-amber-500/15 text-amber-300 px-1.5 py-0.5 rounded">2026 NAB Show</span>
)} )}
</Link> </Link>
</li> </li>

View File

@@ -57,7 +57,7 @@ const FALLBACK: Ad[] = [
alt: "Zixi", click_url: "https://zixi.com/" }, alt: "Zixi", click_url: "https://zixi.com/" },
{ slug: "telycam-300x250", label: "Telycam MixOne / ExploreXE", size: "300x250", { slug: "telycam-300x250", label: "Telycam MixOne / ExploreXE", size: "300x250",
src: "/legacy/ads/Telycam_Broadcast Beat_300x250_MixOne-ExploreXE_with_NAB2026_2f30157f.gif", src: "/legacy/ads/Telycam_Broadcast Beat_300x250_MixOne-ExploreXE_with_NAB2026_2f30157f.gif",
alt: "Telycam MixOne / ExploreXE — NAB 2026", click_url: "https://telycam.com/" }, alt: "Telycam MixOne / ExploreXE — 2026 NAB Show", click_url: "https://telycam.com/" },
{ slug: "lectrosonics-300x250", label: "Lectrosonics", size: "300x250", { slug: "lectrosonics-300x250", label: "Lectrosonics", size: "300x250",
src: "/legacy/ads/300x250-banner-Our-Story-film_resize.jpg", src: "/legacy/ads/300x250-banner-Our-Story-film_resize.jpg",
alt: "Lectrosonics Our Story", click_url: "https://www.lectrosonics.com/" }, alt: "Lectrosonics Our Story", click_url: "https://www.lectrosonics.com/" },