chore: noindex for tiles

Author: kevinkim-ogp

packages/backend/src/app.ts

@@ -19,6 +19,7 @@ import csp from '@/helpers/csp'
 import errorHandler from '@/helpers/error-handler'
 import injectBullBoardHandler from '@/helpers/inject-bull-board-handler'
 import morgan from '@/helpers/morgan'
+import robotsHeaderMiddleware from '@/helpers/robots-header'
 import webUIHandler from '@/helpers/web-ui-handler'
 import router from '@/routes'
 
@@ -50,7 +51,7 @@ app.use(
   }),
 )
 app.use(cors(corsOptions))
-
+app.use(robotsHeaderMiddleware)
 injectBullBoardHandler(app, serverAdapter)
 
 appAssetsHandler(app)

packages/backend/src/helpers/robots-header.ts

@@ -0,0 +1,15 @@
+import { NextFunction, Request, Response } from 'express'
+
+const robotsHeaderMiddleware = (
+  req: Request,
+  res: Response,
+  next: NextFunction,
+) => {
+  // Add X-Robots-Tag header for all /tiles/* routes
+  if (req.path.startsWith('/tiles/')) {
+    res.setHeader('X-Robots-Tag', 'noindex, nofollow')
+  }
+  next()
+}
+
+export default robotsHeaderMiddleware

packages/frontend/src/pages/Tile/index.tsx

@@ -99,6 +99,7 @@ export default function Tile(): JSX.Element | null {
       refetch={refetch}
     >
       <Helmet>
+        <meta name="robots" content="noindex,nofollow" />
         <title>{name} | Tile</title>
       </Helmet>
       <Flex

packages/frontend/src/pages/UnauthorizedTile/InvalidTileLink.tsx

@@ -1,3 +1,4 @@
+import { Helmet } from 'react-helmet'
 import { Image, Stack, Text, VStack } from '@chakra-ui/react'
 
 import spreadsheetImg from '@/assets/spreadsheet.png'
@@ -6,48 +7,54 @@ import styles from './UnauthorizedTile.module.css'
 
 export function InvalidTileLink(): JSX.Element {
   return (
-    <Stack
-      direction={{ base: 'column', md: 'row' }}
-      maxW="1000px"
-      margin="auto"
-      gap={8}
-      px={8}
-      alignItems="center"
-      justifyContent="center"
-    >
-      <Image
-        className={styles.flicker}
-        src={spreadsheetImg}
-        alt="Spreadsheet"
-        w="400px"
-        maxW="50%"
-      />
-      <VStack alignItems={{ base: 'center', md: 'start' }} gap={2}>
-        <Text
-          textStyle="h4"
-          textAlign={{ base: 'center', md: 'left' }}
-          fontWeight="normal"
-        >
-          Your{' '}
+    <>
+      <Helmet>
+        <meta name="robots" content="noindex,nofollow" />
+        <title>you seem lost...</title>
+      </Helmet>
+      <Stack
+        direction={{ base: 'column', md: 'row' }}
+        maxW="1000px"
+        margin="auto"
+        gap={8}
+        px={8}
+        alignItems="center"
+        justifyContent="center"
+      >
+        <Image
+          className={styles.flicker}
+          src={spreadsheetImg}
+          alt="Spreadsheet"
+          w="400px"
+          maxW="50%"
+        />
+        <VStack alignItems={{ base: 'center', md: 'start' }} gap={2}>
           <Text
-            bgGradient="linear(to-r, primary.400, primary.500)"
-            backgroundClip="text"
-            as="span"
-            className={styles.flicker}
-            fontWeight="bold"
+            textStyle="h4"
+            textAlign={{ base: 'center', md: 'left' }}
+            fontWeight="normal"
           >
-            Tile
-          </Text>{' '}
-          link is invalid or has expired.
-        </Text>
-        <Text
-          textStyle="h6"
-          textAlign={{ base: 'center', md: 'left' }}
-          fontWeight="normal"
-        >
-          Please request a new link from the tile owner.
-        </Text>
-      </VStack>
-    </Stack>
+            Your{' '}
+            <Text
+              bgGradient="linear(to-r, primary.400, primary.500)"
+              backgroundClip="text"
+              as="span"
+              className={styles.flicker}
+              fontWeight="bold"
+            >
+              Tile
+            </Text>{' '}
+            link is invalid or has expired.
+          </Text>
+          <Text
+            textStyle="h6"
+            textAlign={{ base: 'center', md: 'left' }}
+            fontWeight="normal"
+          >
+            Please request a new link from the tile owner.
+          </Text>
+        </VStack>
+      </Stack>
+    </>
   )
 }

packages/frontend/src/pages/UnauthorizedTile/MissingTile.tsx

@@ -15,6 +15,7 @@ export function MissingTile({ title }: MissingTileProps): JSX.Element {
   return (
     <>
       <Helmet>
+        <meta name="robots" content="noindex,nofollow" />
         <title>you seem lost...</title>
       </Helmet>
       <Stack