📚 🎨 seo

seo 📚 Documentation, 🎨 Improve format/structure
TimMikeladze · Dec 29, 2022 · cac865b · cac865b
1 parent a2eea0c
commit cac865b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -34,6 +34,7 @@ Remaining simple at its core, this project is packed with useful tools that enha
 - 🌙 Dark / Light mode toggle - Toggle between light and dark mode with a single click.
 - 🍞 [React Hot Toast]() - The best toast in town. Smoking hot React notifications.
 - 🌐 [i18next](https://www.i18next.com/) - The easiest way to translate your NextJs apps.
+- 🔍 [Next SEO](https://github.com/garmeeh/next-seo) - The easiest way to add SEO support to your Next.js app.
 - 🪵 [Axiom logging](https://axiom.co/) - Send structured logs directly from your code and query, stream, & analyze. [Learn more](https://axiom.co/docs/integrations/nextjs).
 
 #### 🛠 Develop and test

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -1,5 +1,8 @@
 {
-  "appName": "next-apollo-joy-starter",
+  "appName": "\uD83C\uDDF3 \uD83D\uDE80 \uD83D\uDE0A",
+  "pageTitle": "\uD83C\uDDF3 \uD83D\uDE80 \uD83D\uDE0A next-apollo-joy-starter",
+  "seoTitle": "\uD83C\uDDF3 \uD83D\uDE80 \uD83D\uDE0A next-apollo-joy-starter",
+  "seoDescription": "A slightly opinionated starter kit for Next.js. Spend more time building instead of configuring your next project.",
   "slogan": "A slightly opinionated starter kit for Next.js",
   "signIn": "Sign in",
   "signIntoApp": "Sign into {{ appName }}",

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -22,14 +22,15 @@ const MyApp = ({
 
   return (
     <>
-      <DefaultSeo title={t(`appName`)} description={t(`slogan`)} />
+      <DefaultSeo title={t(`seoTitle`)} description={t(`seoDescription`)} />
       <ApolloProvider client={apollo}>
         <SessionProvider session={session}>
           <Head>
             <meta
               name="viewport"
               content="initial-scale=1, width=device-width"
             />
+            <title>{t(`pageTitle`)}</title>
           </Head>
           <AppBase>
             <AppPage>