Day 71: OpenGraph Meta Tags & Preparing Google OAuth

#aws #react #seo #webdev

Today I fixed two critical "Top of Funnel" issues in my Serverless app: Link Previews and Login Friction.

The OpenGraph Fix If you paste your React app's link in Slack or Discord and it looks blank, you are missing OpenGraph tags. I updated my index.html :

Added og:image and og:description for standard previews.

Added twitter:card="summary_large_image" (Yes, it's still called twitter under the hood!).

Updated apple-touch-icon for mobile bookmarks.

Preparing Google Auth for AWS Cognito I hate passwords. To implement "Sign in with Google", you need a bridge. Today I went into the Google Cloud Console:

Created an OAuth Consent Screen.

Generated an OAuth 2.0 Client ID.

Set the Redirect URI to match my AWS Cognito Domain endpoint (https://.auth..amazoncognito.com/oauth2/idpresponse).