We now have our entire app; frontend and backend running locally. Before we start working on our app, let's look at how we'd go about debugging it.
Live Lambda Dev allows you debug Lambda functions locally by setting breakpoints. Let's see it action!
services/core/article.ts file and set a breakpoint in the
This function is called by our GraphQL API to get the list of all the articles that've been submitted.
Let's switch over to debugging through VS Code. Stop the
sst start process that is running in your terminal.
Then select the
Run and Debug tab on the left in VS Code, and click
Start Debugging at the top.
Go back to our frontend and refresh page opened. You should see it hit our breakpoint.
Here you can browse the values of the variables in our code. You can also inspect the call stack leading up to the function call.
Continue to resume the execution.
Now we are ready to start working on our app!