add Helmet for SEO

Author: ilyasudakov

package.json

@@ -77,6 +77,7 @@
     "prop-types": "^15.7.2",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
+    "react-helmet": "^6.1.0",
     "react-query": "^3.6.0",
     "shelljs": "^0.8.4"
   }

readme.md

@@ -10,6 +10,7 @@ Axios & React-Query<br>
 PropTypes<br>
 ESLint & Prettier<br>
 Husky for Pre-commit lint&formatting of changed files<br>
+SEO support through Helmet<br>
 Env Files<br>
 
 ## Setup

src/components/App.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 const AppContext = React.createContext();
+import { Helmet } from 'react-helmet';
 
 export const App = () => {
   return (
@@ -10,7 +11,16 @@ export const App = () => {
         }
       }
     >
-      <div>App</div>
+      <div>
+        <Helmet>
+          <title>{`My App`}</title>
+          <meta
+            name="description"
+            content="This is what you want to show as the page content in the Google SERP Listing"
+          />
+        </Helmet>
+        App
+      </div>
     </AppContext.Provider>
   );
 };