Add Flexibility to Your Site with Gatsby Functions

on YouTube ↗16m

" summary

Builds two Gatsby Functions: an API endpoint that handles POST to create a Stripe checkout session with metadata (city, year, success/cancel URLs) and GET to retrieve that session by session_id, plus a POST Stripe webhook that validates events and expands the session/customer then sends conditional emails via SendGrid webhook sending conditional emails after verifying payment. Demo shows redirect to Stripe checkout, successful return to a success page, and working email delivery in dev using the Stripe CLI forwarding to localhost.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to Gatsby Functions
2. 2:08Demo overview and setup
3. 3:56Creating the time travel function
4. 8:53Handling success page requests
5. 11:44Building the Stripe webhook
6. 13:56Testing and deploying functions
7. 14:59Conclusion and next steps

" related talks

• 23mFour Real World Solutions Using Gatsby FunctionsGrayson Hicks · GatsbyCamp Summer 2021
• 01h 23mSelling all the things: building online payments in JavaScriptPaul Asjes, Thor Schaeff · JSConf.Asia 2019
• 50mBuilding a Serverless API With Google, Firebase and PostgreSQLRob Conery · NDC Oslo 2017
• 41mStatic Sites and Serverless Functions - A Dynamic CombinationJames Q Quick · All Things Open 2020
• 24mServerless Functions and Vue.jsSarah Drasner · VueConf US 2018
• 22mGo serverless: manage payments in your appsSusan Goldblatt · Firebase Summit 2018
• 35mServerless Functions and Vue.jsSarah Drasner · Web Unleashed 2018
• 27mBeyond Static: Dynamic Web Applications with GatsbyDustin Schau · ReactNext 2019