feat: some more basic enhancements on seo

Author: Markkos89

.eslintrc.cjs

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ['next/core-web-vitals', 'plugin:storybook/recommended'],
+  extends: ['next/core-web-vitals'],
 }

components/Hero.tsx

@@ -11,6 +11,7 @@ import {
 } from '@chakra-ui/react'
 import { ArrowForwardIcon } from '@chakra-ui/icons'
 import Image from 'next/image'
+import NextLink from 'next/link'
 
 const Hero = () => {
   return (
@@ -45,6 +46,7 @@ const Hero = () => {
               <Link
                 href={'/getting-started'}
                 alignSelf={{ base: 'center', md: 'flex-start' }}
+                as={NextLink}
               >
                 <Button
                   colorScheme="pink"

components/mdx/ContributorFooter.tsx

@@ -26,8 +26,8 @@ export function ContributorFooter({
             {authors.length > 1 ? 'Authors' : 'Author'}
           </Text>
           <VStack spacing={4} alignItems="left">
-            {authors.map((contrib) => {
-              return <Contributor handle={contrib} avatarSize="2xl" />
+            {authors.map((contrib, idx) => {
+              return <Contributor key={idx} handle={contrib} avatarSize="2xl" />
             })}
           </VStack>
         </Box>
@@ -39,8 +39,8 @@ export function ContributorFooter({
             {reviewers.length > 1 ? 'Reviewers' : 'Reviewer'}
           </Text>
           <VStack spacing={4} alignItems="left">
-            {reviewers.map((contrib) => {
-              return <Contributor handle={contrib} avatarSize="lg" />
+            {reviewers.map((contrib, idx) => {
+              return <Contributor key={idx} handle={contrib} avatarSize="lg" />
             })}
           </VStack>
         </Box>
@@ -56,8 +56,10 @@ export function ContributorFooter({
                 : 'Additional Contributor'}
             </Text>
             <VStack spacing={4} alignItems="left">
-              {contributors.map((contrib) => {
-                return <Contributor handle={contrib} avatarSize="lg" />
+              {contributors.map((contrib, idx) => {
+                return (
+                  <Contributor key={idx} handle={contrib} avatarSize="lg" />
+                )
               })}
             </VStack>
           </Box>

next.config.js

@@ -17,4 +17,8 @@ export default withMDX({
   reactStrictMode: true,
   // Append the default value with md extensions
   pageExtensions: ['ts', 'tsx', 'js', 'jsx', 'md', 'mdx'],
+  i18n: {
+    locales: ['en'],
+    defaultLocale: 'en',
+  },
 })

package.json

@@ -25,7 +25,8 @@
     "next-seo": "^5.15.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "^4.7.1"
+    "react-icons": "^4.7.1",
+    "sharp": "^0.32.5"
   },
   "devDependencies": {
     "@babel/core": "^7.21.0",