Add HTML <title> Tags (#1321)

brandon-pereira · web-flow · commit 2faa15a0a30e · 2025-11-05T19:45:31.000Z
Add title tags to most important pages, add a fallback title page so any other pages will have something basic.

Fixes HDX-2706
diff --git a/.changeset/odd-emus-kiss.md b/.changeset/odd-emus-kiss.md
@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+Add title tag to app where missed (including catchall title)
diff --git a/packages/app/pages/_app.tsx b/packages/app/pages/_app.tsx
@@ -109,6 +109,7 @@ export default function MyApp({ Component, pageProps }: AppPropsWithLayout) {
   return (
     <React.Fragment>
       <Head>
+        <title>HyperDX</title>
         <link rel="icon" type="image/png" sizes="32x32" href="/Icon32.png" />
         <meta
           name="viewport"
diff --git a/packages/app/src/DBChartPage.tsx b/packages/app/src/DBChartPage.tsx
@@ -1,5 +1,6 @@
 import { useCallback, useRef, useState } from 'react';
 import dynamic from 'next/dynamic';
+import Head from 'next/head';
 import { parseAsJson, parseAsStringEnum, useQueryState } from 'nuqs';
 import { useForm } from 'react-hook-form';
 import { useHotkeys } from 'react-hotkeys-hook';
@@ -223,6 +224,9 @@ function DBChartExplorerPage() {
 
   return (
     <Box data-testid="chart-explorer-page" p="sm" className="bg-hdx-dark">
+      <Head>
+        <title>Chart Explorer - HyperDX</title>
+      </Head>
       <AIAssistant
         setConfig={setChartConfig}
         onTimeRangeSelect={onTimeRangeSelect}
diff --git a/packages/app/src/DBSearchPage.tsx b/packages/app/src/DBSearchPage.tsx
@@ -8,6 +8,7 @@ import {
   useState,
 } from 'react';
 import dynamic from 'next/dynamic';
+import Head from 'next/head';
 import Link from 'next/link';
 import router from 'next/router';
 import {
@@ -1275,6 +1276,11 @@ function DBSearchPage() {
 
   return (
     <Flex direction="column" h="100vh" style={{ overflow: 'hidden' }}>
+      <Head>
+        <title>
+          {savedSearch ? `${savedSearch.name} Search` : 'Search'} - HyperDX
+        </title>
+      </Head>
       {!IS_LOCAL_MODE && isAlertModalOpen && (
         <DBSearchPageAlertModal
           id={savedSearch?.id}

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@hyperdx/app": patch
 +---
++
 +Add title tag to app where missed (including catchall title)