/stytch-node-magic-links

Node Email Authentication using Stytch and Vercel

Primary LanguageEJSMIT LicenseMIT

LifeGPT using stytch-node-magic-links

gif of app login screen

Tech used: OpenAI BADGECSS BADGEJAVASCRIPT BADGE

Thank you for taking the time to check out LifeGPT! We used OpenAI to generate health, wealth and spiritual quotes with Node and the Stytch API to send and authenticate magic links.

My learning was centered around analyzing as many Stytch demos as possible in a few hours and choosing one to build a small ChatGPT style application.

Running the app locally

  1. Fill in STYTCH_PROJECT_ID and STYTCH_SECRET in the .env file. Get your credentials from your Stytch dashboard.
  2. Update apiKey for OpenAI in server.js
  3. Add http://localhost:3000/authenticate (the PORT set in .env) as a valid sign-up and login URL on your Stytch dashboard.
  4. Run npm i
  5. Run npm start
  6. Visit http://localhost:3000 and login with your email. Then check for the Stytch email and click the sign in button. You should be signed in!

Stytch Developer Experience

Watch the video

I liked that Stytch used the magic links for their signup process, because it is very minimal friction for customer onboarding. The documentation was straight forward.

There were enough demos for almost every stack and the dev team has an open forum and slack group you can join to talk to the team. The demos were very quick to get you from 0 to locally hosted application.

I tried the 5 demos below and was able to deploy all of them locally, but had some difficulty hosting them. Decreasing the time to a hosted application can greatly increase conversion rates on developer adoption.

Some of the newer demos already have auto-deploy buttons to vercel and netlify for example, which I think were very convenient. I would love if more of the demos were deployment ready, being able to directly upload your demos into vercel, netlify, heroku, etc. and have a live demo in seconds would be a game changer for onboarding and top of funnel outreach.

Demos deployed

Node Magic Links
Stytch React App
Stytch Next App
Stytch Javascript Links
Stytch Netlify App

Memes