Live Coding Workshop to Setup Rollbar Error Monitoring

The live coding workshop aims to guide participants through setting up Rollbar using a Vue TypeScript application. It is designed for beginners and focuses on getting the application up and running with Rollbar integration.

The workshop provides three main resources: a GitHub repository named 'The Dev Factory' containing the Vue TS demo, a step-by-step PDF guide within the repository, and a link to Rollbar's promo page (rollbar.com/error-push-promo) to register for a Rollbar account with a $250 credit for one year.

The workshop covers the following main steps: creating a Vue TypeScript project, creating a Rollbar account using a provided promo link, integrating the application with Rollbar, sending handled and unhandled errors to Rollbar, and customizing the payload to include additional data.

To create a new Vue project, run the command `npm create vue-at-latest` in your terminal or command line. Follow the prompts to set up the project, choosing TypeScript and other desired options. Ensure you have the necessary read and write permissions for the directory.

If you encounter issues during the setup, ensure you have the necessary libraries installed and the required read and write permissions for your directory. You can also refer to the Discord channel for support or consult the step-by-step PDF guide provided in the GitHub repository.

Visit rollbar.com/error-push-promo to register for a Rollbar account. Ensure the page indicates a $250 credit at the top. Follow the prompts to create a new account or log in to an existing one. This credit is valid for one year and can be used for both free and paid Rollbar accounts.

Rollbar is an error monitoring platform used to track handled and unhandled exceptions in applications. In the workshop, Rollbar is integrated into a Vue TypeScript application to capture and log errors, providing real-time visibility into issues.

You can customize the data sent to Rollbar by modifying the `rollbar.config.js` file. This can include adding user information, session details, feature flags, or any other relevant data. The workshop provides examples of how to add custom data to the payload.

After successful setup, your application should display a button labeled 'trigger error'. Clicking this button will simulate an error and send it to Rollbar, allowing you to verify that the integration is working correctly.

The code examples and resources used in the workshop can be found in the GitHub repository named 'The Dev Factory'. This repository includes the Vue TS demo project and the step-by-step PDF guide for the workshop.