seo

gatsby-config.js

@@ -3,9 +3,12 @@ module.exports = {
   plugins: [
     "gatsby-plugin-postcss",
     'gatsby-plugin-preact',
+    'gatsby-plugin-sitemap',
     {
-      resolve: 'gatsby-plugin-manifest',
+      resolve: 'gatsby-plugin-robots-txt',
-      options: require("./manifest")
+      options: {
+        policy: [{userAgent: '*', allow: '/'}]
+      }
     },
     {
       resolve: 'gatsby-source-filesystem',
@@ -35,5 +38,10 @@ module.exports = {
         'data-theme': 'dark'
       }
     },
+    { resolve: 'gatsby-plugin-nprogress', options: { color: '#6419E6' } },
+    {
+      resolve: 'gatsby-plugin-manifest',
+      options: require("./manifest")
+    },
   ]
 };

manifest.js

@@ -4,8 +4,8 @@ module.exports = {
     name: title,
     short_name: title,
     start_url: '/',
-    background_color: '#282A36',
+    background_color: '#2A303C',
-    theme_color: '#44475A',
+    theme_color: '#6419E6',
     display: 'standalone',
     lang: 'en',
     icon: 'src/media/icon.svg',

metadata.js

@@ -1,4 +1,4 @@
 module.exports = {
     title: `Recloudstream`,
-    siteUrl: `https://www.yourdomain.tld`
+    siteUrl: `https://recloudstream.github.io`
 }

package.json

@@ -19,8 +19,11 @@
     "gatsby": "^4.21.1",
     "gatsby-plugin-html-attributes": "^1.0.5",
     "gatsby-plugin-manifest": "^4.21.0",
+    "gatsby-plugin-nprogress": "^4.21.0",
     "gatsby-plugin-postcss": "^5.21.0",
     "gatsby-plugin-preact": "^6.21.0",
+    "gatsby-plugin-robots-txt": "^1.7.1",
+    "gatsby-plugin-sitemap": "^5.21.0",
     "gatsby-remark-prismjs": "^6.21.0",
     "gatsby-source-filesystem": "^4.21.1",
     "gatsby-transformer-remark": "^5.21.0",

src/pages/index.js

@@ -33,6 +33,13 @@ export default IndexPage
 
 export function Head() {
     return (
+        <>
             <title>Cloudstream</title>
+            <meta property="og:title" content="Cloudstream" />
+            <meta property="og:description" content="Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime." />
+            <meta property="og:image" content={bgImage} />
+            <meta property="og:image:type" content="image/png" />
+            <meta name="google-site-verification" content="eJAZtihmv0cJwd54kImmb2IfwLskeCfyW7gEm_HgXd8" />
+        </>
     )
 }

src/pages/install.js

@@ -76,7 +76,13 @@ const InstallPage = () => {
 
 export function Head() {
     return (
-        <title>Cloudstream install</title>
+        <>
+            <title>Cloudstream installation</title>
+            <meta property="og:title" content="Cloudstream" />
+            <meta property="og:description" content="Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime." />
+            <meta property="og:image" content={bgImage} />
+            <meta property="og:image:type" content="image/png" />
+        </>
     )
 }
 

src/pages/repos.js

@@ -2,6 +2,7 @@ import React, {useEffect, useState} from "react"
 
 import Layout from "../components/layout"
 import RepoCard from "../components/cards/repo"
+import bgImage from "../media/phones.png"
 
 const IndexPage = () => {
     const [repos, setRepos] = useState([]);
@@ -26,7 +27,13 @@ const IndexPage = () => {
 
 export function Head() {
     return (
-        <title>Cloudstream repos</title>
+        <>
+            <title>Cloudstream Repositories</title>
+            <meta property="og:title" content="Cloudstream Repositories" />
+            <meta property="og:description" content="Cloudstream is an Android app for streaming and downloading Movies, TV-Series and Anime." />
+            <meta property="og:image" content={bgImage} />
+            <meta property="og:image:type" content="image/png" />
+        </>
     )
 }