Barstool Engineering

Rust Wasm on Fastly Compute@Edge

Recently I've been playing with a lot of different versions of WebAssmbly using Rust. From Leptos, Dioxus, and most recently by using Compute Edge on Fastly. In this blog, I'm going to build a simple api, and show how we can deploy it to Fastly using their Compute cli. To

Fast and Efficient AWS Lambdas Built With Rust

As Barstool's resident Rustacean, it is my obligation to push for the use of Rust, and to lament about its elegance and power. When running services at scale, my favorite solution is just 'throw it in a lambda', and let AWS worry about handling request load. As for other ways

serverless

A Real World Comparison between Cloudflare Workers and Fastly Compute@Edge

An end-to-end comparison of the two hottest edge computing platforms.

mongodb

Reporting on Data in High Volume Mongo Collections

There are several services used here at Barstool that generate millions of mongo documents every day. In order to facilitate efficient reporting tools for the data and analytics team, we implemented a pattern that would yield near real-time results while not creating any long-running queries on millions of records. Our

Sold out variant options shown on shop.callherdaddy.com

Better Sold Out Variant Styling On Shopify Dawn Theme

This blog will guide you through building a better UI/UX for showing sold out variants without disabling them on Shopify's Dawn theme.

serverless

Creating an SNS Fanout in Serverless

Previously we've covered what the Barstool Queue Engine is and how we use it for long-running services. Our next problem was how to handle alerting our various services that those jobs had finished or errored. As we rely heavily on the Serverless framework, we implemented this principle using their tools.

Getting Started: Convert a React Project to TypeScript

As a superset of JavaScript, Typescript can work in conjunction with JavaScript, importing Typescript code into a JavaScript file and vice versa. This means that migrating to TypeScript can be done incrementally, far different from converting a codebase from one programming language to something unrelated. However, it can be daunting

Using ACRCloud to Identify Copyrighted Audio Content

Consumer applications like Shazam have been around for years, but only recently has using Automated Content Recognition (ACR) tools in enterprise software been easy and affordable. As a major podcast producer, the team at Barstool has to verify that any new podcast episodes we upload don’t contain copyrighted content

Product Image Slider for Shopify Dawn Theme Using Web Components

This blog will guide you through creating a more traditional product image gallery for the Dawn theme.

nodejs

Combining Sequential Streams with Node.js and Express

Asynchronously streaming bytes of data was perhaps the single most important feature of Node.js when it launched in 2009.

Gzip Compression with AWS Lambda and API Gateway HTTP API

In late 2017 we made the decision to go all in on Serverless. Our API's would move off of EC2 and traditional load-balancers and move to AWS Lambda and API Gateway. This led to some dramatic shifts in how we think about our architecture.

Intro to SWR: improving data-fetching & cache for fast user-interfaces

SWR is a React Hooks library created by Vercel that simplifies data-fetching logic in your application and makes it possible to implement caching and dependent querying. SWR, or 'stale-while-revalidate,' returns data from cache first, sends the fetch request, and finally renders up-to-date data. The package is simple, lightweight, and

Creating a slider component in React

As a digital media company, Barstool Sports is home to a lot of podcasts. In an average week we publish 100+ episodes and while a majority of people listen to these on platforms like Apple Podcasts or Spotify, we'd like to bring those listeners to our site. In an effort

Errors from the BQE and beyond....using Slack

How we built a dynamic library to send formatted messages to Slack

file uploads

Resilient Multi-part file uploads to S3

Just about anyone who has spent time developing web apps has had the need to handle file uploads. We live in a (literal) web of profile pics, gifs, memes, live streams, vlogs, etc, etc. With the rise of services like AWS S3, the task of handling uploads and storing file

oop

Building a No-Maintenance Universal Image Search with the Four Pillars of OOP

Use OOP basics to build systems that work and don't need constant bugfixes

Fine Tuning Infinite Scroll in React

A real world example of optimizing a common React.js component with the React Profiler and memoization

Video.js with React Hooks

A short guide to using Videojs with React Hooks.

Productivity

Serverless Deploy Previews on GitHub Actions

Five years ago Netlify changed front-end development in a big way - seamlessly deploying every commit to its own sandboxed enviornment, accessible with a unique url to that deployment. What if we could provide the same workflow on all Serverless API's?

Long-Running Jobs on the Barstool Queue Engine

Here at Barstool we love the Serverless framework, which has enabled us to build high-concurrency low-cost services. Our infrastructure relies heavily on Lambda, API Gateway, SQS & SNS all of which are easily created and managed in our serverless.yml files. On top of a low DevOps overhead, Serverless has

Building The Barstool Fund

Three years ago if someone said, "That's the Barstool Difference..." I'd cringe and know something was broken. Today, I couldn't be more proud to redefine that phrase, and nothing to date has done so as much as The Barstool Fund.