Menu

Post image 1
Post image 2
Post image 3
1 / 3
0

Day 71: OpenGraph Meta Tags & Preparing Google OAuth

DEV Community·Eric Rodríguez·about 1 month ago
#6zTSTrS5
#aws#react#seo#webdev#google#today
Reading 0:00
15s threshold
Cover image for Day 71: OpenGraph Meta Tags & Preparing Google OAuth

Eric Rodríguez

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

  1. 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.

  1. 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).

Read More