From d6e5643ed5cb3e49d5a063aef438739ef709d039 Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <70828596+Isaiah-Hamilton@users.noreply.github.com>
Date: Tue, 28 Jun 2022 11:10:41 -0400
Subject: [PATCH 1/2] chore: improve seo

---
 apps/www/components/AuthWidget/AuthWidget.tsx             | 1 +
 apps/www/components/Avatar.tsx                            | 1 +
 apps/www/components/Blog/BlogListItem.tsx                 | 1 +
 apps/www/components/ExampleCard.tsx                       | 2 +-
 apps/www/components/FloatingIcons/FloatingIcons.tsx       | 7 +++++++
 apps/www/components/TweetCard.tsx                         | 8 +++++++-
 apps/www/pages/database/Database.tsx                      | 1 +
 .../nextjs-ts-user-management/components/Footer.tsx       | 2 +-
 8 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/apps/www/components/AuthWidget/AuthWidget.tsx b/apps/www/components/AuthWidget/AuthWidget.tsx
index f93461e1258..e1bbd22f56e 100644
--- a/apps/www/components/AuthWidget/AuthWidget.tsx
+++ b/apps/www/components/AuthWidget/AuthWidget.tsx
@@ -84,6 +84,7 @@ function AuthPage() {
                               <img
                                 src="https://app.supabase.com/img/supabase-dark.svg"
                                 width="96"
+                                alt='supabase logo'
                               />
                               <h3>{companyName}</h3>
                             </Space>
diff --git a/apps/www/components/Avatar.tsx b/apps/www/components/Avatar.tsx
index edee62d4541..84db7935ced 100644
--- a/apps/www/components/Avatar.tsx
+++ b/apps/www/components/Avatar.tsx
@@ -12,6 +12,7 @@ export default function Avatar(props: Props) {
         src={'/images/blog/avatars/' + img}
         className="h-8 w-8 rounded-full object-cover text-center"
         style={{ margin: 0 }}
+        alt={`${caption} avatar`}
       />
       <figcaption style={{ marginTop: 0 }} className="text-scale-1000">
         <p>{caption}</p>
diff --git a/apps/www/components/Blog/BlogListItem.tsx b/apps/www/components/Blog/BlogListItem.tsx
index e68dee9049d..1ea97d6bd18 100644
--- a/apps/www/components/Blog/BlogListItem.tsx
+++ b/apps/www/components/Blog/BlogListItem.tsx
@@ -42,6 +42,7 @@ const BlogListItem = ({ post }: Props) => {
                   }
                   objectFit="cover"
                   className="scale-100 transform duration-100 ease-in group-hover:scale-105"
+                  alt="case study thumbnail"
                 />
               </div>
 
diff --git a/apps/www/components/ExampleCard.tsx b/apps/www/components/ExampleCard.tsx
index 64bc41ceb32..a5750a4161a 100644
--- a/apps/www/components/ExampleCard.tsx
+++ b/apps/www/components/ExampleCard.tsx
@@ -56,7 +56,7 @@ function ExampleCard(props: any) {
           <div className="mt-3 flex items-center gap-2">
             {props.vercel_deploy_url && (
               <a target="_blank" href={props.vercel_deploy_url}>
-                <img className="h-6" src="https://vercel.com/button" />
+                <img className="h-6" src="https://vercel.com/button" alt="vercel button" />
               </a>
             )}
             {props.demo_url && (
diff --git a/apps/www/components/FloatingIcons/FloatingIcons.tsx b/apps/www/components/FloatingIcons/FloatingIcons.tsx
index b0e6aa6ffba..a1b6e79a1b9 100644
--- a/apps/www/components/FloatingIcons/FloatingIcons.tsx
+++ b/apps/www/components/FloatingIcons/FloatingIcons.tsx
@@ -12,30 +12,37 @@ function FloatingIcons() {
         <img
           className={`${Styles['icon-react-one']}`}
           src={`${basePath}/images/product/auth/react-icon.svg`}
+          alt="react icon"
         />
         <img
           src={`${basePath}/images/product/auth/electron-icon.svg`}
           className={`${Styles['icon-electron']}`}
+          alt="electron icon"
         />
         <img
           src={`${basePath}/images/product/auth/vue-icon.svg`}
           className={`${Styles['icon-vue']}`}
+          alt="vue icon"
         />
         <img
           src={`${basePath}/images/product/auth/angular-icon.svg`}
           className={`${Styles['icon-angular']}`}
+          alt="angular icon"
         />
         <img
           src={`${basePath}/images/product/auth/flutter-icon.svg`}
           className={`${Styles['icon-flutter']}`}
+          alt="flutter icon"
         />
         <img
           src={`${basePath}/images/product/auth/nuxt-icon.svg`}
           className={`${Styles['icon-nuxt']}`}
+          alt="nuxt icon"
         />
         <img
           src={`${basePath}/images/product/auth/redwood-icon.svg`}
           className={`${Styles['icon-redwood']}`}
+          alt="redwood icon"
         />
       </div>
     </div>
diff --git a/apps/www/components/TweetCard.tsx b/apps/www/components/TweetCard.tsx
index b8f956caf7f..3c43b1b9fd3 100644
--- a/apps/www/components/TweetCard.tsx
+++ b/apps/www/components/TweetCard.tsx
@@ -23,7 +23,13 @@ function TweetCard(props: TweetCard) {
       <div className="relative">
         <div className="flex items-center gap-2">
           <div className="h-10 w-10 overflow-hidden rounded-full border dark:border-gray-600">
-            <Image src={props.img_url} layout="responsive" width="64" height="64" />
+            <Image
+              src={props.img_url}
+              layout="responsive"
+              width="64"
+              height="64"
+              alt={`${props.handle} twitter image`}
+            />
           </div>
           <p className="text-scale-1200 mt-3 text-sm font-medium">{props.handle}</p>
           <div
diff --git a/apps/www/pages/database/Database.tsx b/apps/www/pages/database/Database.tsx
index 6e0470ddeac..9d9c5fdd76c 100644
--- a/apps/www/pages/database/Database.tsx
+++ b/apps/www/pages/database/Database.tsx
@@ -109,6 +109,7 @@ function Database() {
                     src={`${basePath}/images/product/database/postgresql-icon.svg`}
                     width={30}
                     height={30}
+                    alt="postgresql icon"
                   />
                 </div>
               </div>
diff --git a/examples/user-management/nextjs-ts-user-management/components/Footer.tsx b/examples/user-management/nextjs-ts-user-management/components/Footer.tsx
index 0cafbb6434f..fae92ad9505 100644
--- a/examples/user-management/nextjs-ts-user-management/components/Footer.tsx
+++ b/examples/user-management/nextjs-ts-user-management/components/Footer.tsx
@@ -11,7 +11,7 @@ export default function Footer({}) {
           target="_blank"
           href="https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fsupabase%2Fsupabase%2Ftree%2Fmaster%2Fexamples%2user-management%2Fnextjs-ts-user-management&project-name=supabase-user-management&repository-name=supabase-user-management&demo-title=Supabase%20User%20Management&demo-description=An%20example%20web%20app%20using%20Supabase%20and%20Next.js&demo-url=https%3A%2F%2Fsupabase-nextjs-ts-user-management.vercel.app&demo-image=https%3A%2F%2Fi.imgur.com%2FZ3HkQqe.png&integration-ids=oac_jUduyjQgOyzev1fjrW83NYOv&external-id=nextjs-user-management"
         >
-          <img src="https://vercel.com/button" />
+          <img src="https://vercel.com/button" alt="vercel button" />
         </a>
       </div>
     </div>

From d8baf5642c0f553d43cedcfe341fea2480fd831c Mon Sep 17 00:00:00 2001
From: Isaiah Hamilton <70828596+Isaiah-Hamilton@users.noreply.github.com>
Date: Tue, 28 Jun 2022 11:12:21 -0400
Subject: [PATCH 2/2] chore: run prettier

---
 apps/www/components/AuthWidget/AuthWidget.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/components/AuthWidget/AuthWidget.tsx b/apps/www/components/AuthWidget/AuthWidget.tsx
index e1bbd22f56e..c5715623260 100644
--- a/apps/www/components/AuthWidget/AuthWidget.tsx
+++ b/apps/www/components/AuthWidget/AuthWidget.tsx
@@ -84,7 +84,7 @@ function AuthPage() {
                               <img
                                 src="https://app.supabase.com/img/supabase-dark.svg"
                                 width="96"
-                                alt='supabase logo'
+                                alt="supabase logo"
                               />
                               <h3>{companyName}</h3>
                             </Space>