docs(react): rename adding to existing app file and add redirects

brandyscarney · brandyscarney · commit c030630aa72f · 2025-10-17T17:48:31.000-04:00
diff --git a/docs/react/add-to-existing.md b/docs/react/add-to-existing.md
@@ -1,6 +1,17 @@
-# Adding To An Existing React App
-
-This post has been forked from [Ely Lucas' blog post](https://dev.to/ionic/adding-ionic-react-to-an-existing-react-project-4kib) and updated to the latest version of Ionic.
+---
+title: Add to Existing React App
+sidebar_label: Add to Existing React App
+---
+
+<head>
+  <title>Add Ionic React to Existing Project: Integration Guide</title>
+  <meta
+    name="description"
+    content="Learn how to add Ionic React to your existing React project. Step-by-step guide for integrating Ionic components and features into an existing React application."
+  />
+</head>
+
+This guide covers how to add Ionic React to an existing React project.
 
 ### Using Individual Ionic Components
 
diff --git a/sidebars.js b/sidebars.js
@@ -123,7 +123,7 @@ module.exports = {
             'react/your-first-app/distribute',
           ],
         },
-        'react/adding-ionic-react-to-an-existing-react-project',
+        'react/add-to-existing',
         'react/lifecycle',
         'react/navigation',
         'react/virtual-scroll',
diff --git a/vercel.json b/vercel.json
@@ -94,7 +94,15 @@
       "destination": "/docs/vue/your-first-app/deploying-mobile"
     },
     { "source": "/docs/vue/your-first-app/7-live-reload", "destination": "/docs/vue/your-first-app/live-reload" },
-    { "source": "/docs/react/testing", "destination": "/docs/react/testing/introduction" }
+    { "source": "/docs/react/testing", "destination": "/docs/react/testing/introduction" },
+    {
+      "source": "/docs/react/adding-ionic-react-to-an-existing-react-project",
+      "destination": "/docs/react/add-to-existing"
+    },
+    {
+      "source": "/docs/:version(v7)/react/adding-ionic-react-to-an-existing-react-project",
+      "destination": "/docs/:version/react/add-to-existing"
+    }
   ],
   "rewrites": [
     { "source": "/docs", "destination": "/" },
diff --git a/versioned_docs/version-v7/react/add-to-existing.md b/versioned_docs/version-v7/react/add-to-existing.md
@@ -1,6 +1,17 @@
-# Adding To An Existing React App
-
-This post has been forked from [Ely Lucas' blog post](https://dev.to/ionic/adding-ionic-react-to-an-existing-react-project-4kib) and updated to the latest version of Ionic.
+---
+title: Add to Existing
+sidebar_label: Add to Existing
+---
+
+<head>
+  <title>Add Ionic React to Existing Project: Integration Guide</title>
+  <meta
+    name="description"
+    content="Learn how to add Ionic React to your existing React project. Step-by-step guide for integrating Ionic components and features into an existing React application."
+  />
+</head>
+
+This guide covers how to add Ionic React to an existing React project.
 
 ### Using Individual Ionic Components
 
diff --git a/versioned_sidebars/version-v7-sidebars.json b/versioned_sidebars/version-v7-sidebars.json
@@ -127,7 +127,7 @@
             "react/your-first-app/distribute"
           ]
         },
-        "react/adding-ionic-react-to-an-existing-react-project",
+        "react/add-to-existing",
         "react/lifecycle",
         "react/navigation",
         "react/virtual-scroll",

Original file line number	Diff line number	Diff line change
`@@ -127,7 +127,7 @@`
`127`	`127`	`"react/your-first-app/distribute"`
`128`	`128`	`]`
`129`	`129`	`},`
`130`		`- "react/adding-ionic-react-to-an-existing-react-project",`
	`130`	`+ "react/add-to-existing",`
`131`	`131`	`"react/lifecycle",`
`132`	`132`	`"react/navigation",`
`133`	`133`	`"react/virtual-scroll",`