Add deprecation to website (#17008)

rickhanlonii · web-flow · commit b961be37929c · 2025-02-14T14:02:07.000-05:00
- Adds a banner with deprecation notice
- Adds a noindex meta tag to home page to remove from search
- Add og meta info for when noindex is ignored
diff --git a/docusaurus/website/docusaurus.config.js b/docusaurus/website/docusaurus.config.js
@@ -8,7 +8,8 @@
 
 const siteConfig = {
   title: 'Create React App',
-  tagline: 'Set up a modern web app by running one command.',
+  tagline:
+    'Create React App has been deprecated. Please visit react.dev for modern options.',
   url: 'https://create-react-app.dev',
   baseUrl: '/',
   projectName: 'create-react-app',
@@ -35,10 +36,9 @@ const siteConfig = {
   themeConfig: {
     image: 'img/logo-og.png',
     announcementBar: {
-      id: 'support_ukraine',
+      id: 'deprecated',
       content:
-        'Support Ukraine 🇺🇦 <a target="_blank" rel="noopener noreferrer" \
-        href="https://opensource.facebook.com/support-ukraine"> Help Provide Humanitarian Aid to Ukraine</a>.',
+        'Create React App is deprecated. <a target="_blank" rel="noopener noreferrer" href="https://react.dev/link/cra">Read more here</a>.',
       backgroundColor: '#20232a',
       textColor: '#fff',
       isCloseable: false,
diff --git a/docusaurus/website/src/pages/index.js b/docusaurus/website/src/pages/index.js
@@ -7,6 +7,7 @@
 
 import React from 'react';
 import Link from '@docusaurus/Link';
+import Head from '@docusaurus/Head';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';
 
@@ -44,6 +45,19 @@ function Home() {
       permalink={'/'}
       description={'Set up a modern web app by running one command.'}
     >
+      <Head>
+        <meta name="robots" content="noindex" />
+        <title>Create React App is deprecated.</title>
+        <meta
+          name="description"
+          content="Create React App is deprecated. Please see react.dev for modern options."
+        />
+        <meta property="og:title" content="Create React App is deprecated." />
+        <meta
+          property="og:description"
+          content="Create React App is deprecated. Please see react.dev for modern options."
+        />
+      </Head>
       <div className={clsx('hero hero--dark', styles.heroBanner)}>
         <div className="container">
           <img
