Explore how to enhance a Gatsby site with dynamic functionality using Netlify Functions in this 1-hour 20-minute live stream tutorial. Learn to set up an Express API and write serverless functions to handle button clicks, enabling interactive features on a JAMstack application. Dive into topics such as custom commands, WebSocket implementation, API creation, HTTP headers, response data codes, and serverless function development. Follow along as the instructor demonstrates practical techniques for integrating these technologies, from initializing sockets to triggering sound effects and handling post commands. Gain valuable insights into building more interactive and responsive web applications using modern web development tools and practices.
Use Netlify Functions to Build a Sound Board in Gatsby - Learn With Jason
Overview
Syllabus
Intro
The old stuff
Custom commands
Adding logic
WebSocket
Handle Chat
Initializing Chat
Creating a Route
Getting to the API
Creating the API
Logging requests
HTTP headers
Response data code
Why not WebSocket
Express JSON
Commands
Message Channel
Array
Socket
Ping
GetSocket
ChangeSocket
InitializeSocket
Run Command
Error
Initialize socket
Send message
Open network connection
View network connections
Trigger sound effects
Send command
Request body
Post command
Post command failed
Post command sent
Create functions
Serverless functions
First server
Using callbacks
Getting a response for success
Changing the function to be in the workspace
Testing the function
Taught by
Learn With Jason
