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:
@@ -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 && (
|
||||||
|
|||||||
@@ -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>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -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 11–16, 2026 · Las Vegas</span>
|
<span className="text-xs text-[#888]">April 11–16, 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 →
|
||||||
|
|||||||
@@ -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)}
|
||||||
|
|||||||
@@ -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';
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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/" },
|
||||||
|
|||||||
Reference in New Issue
Block a user