New Media Model Calls for New Digital Platform at Patch
Image
Introduction
Patch.com (Patch) is the only nationwide media platform providing hyperlocal news and information to hyperlocal audiences. Anchored by award-winning journalism, Patch strengthens communities and community organizations by providing the latest local news and by serving as a platform for local organizations and businesses to connect with constituents and customers.
Approach
The Patch.com productâquality hyperlocal content across 915 communities and growingâpresents demanding challenges, including those related to management and scale. Patch often publishes over 1,000 articles per day. 12,000 URLs are accessed via the Patch site at any given time within the last 10 minutes. Pantheon helps Patch tackle these challenges while mitigating risk, supporting flexible development, and guaranteeing uptimeâwithout forcing Patch to maintain large, complex infrastructure. The net result has been helping the Patch team spend its time innovating to make a profitable national platform for hyperlocal news.
On Pantheon, Patch.com is running at 50 million pageviews & 20 million uniques a month at 99.969% uptime across approximately 35 million URLs and we have only four developers.
-Abraham Brewster, CTO, Patch
- 1 site
- from 2684 domains
- 96 servers
- from original 96
- 1 site
- from 903 sites
As CTO, Brewster is constantly seeking new ways to innovate and improve efficiency at Patch. When he joined the team in September of 2014, he turned to Pantheon as a solution to manage infrastructure so his team could spend more time developing and growing the company. Managing a media site with as large a footprint as Patch is no small task, but Brewster and the team make it look easyâregularly scaling to millions of pageviews in a single day without breaking a sweat. Thanks to Pantheon, the Patch team can focus on building great technology without worrying about infrastructure or downtime.
Image
Making âEverything Localâ a Sustainable Business
Founded in 2007 by Tim Armstrong, Warren Webster and Jon Brod, Patch was created to be an online local community bulletin board and news source. AOL acquired Patch and grew it into a national brand, spending hundreds of millions of dollars in the process. Under shareholder pressure to abate its losses, AOL partnered with Hale Global in January 2014 to turn the business around through a fresh approach anchored by technological innovation. Since Hale Globalâs takeover of Patch and platform migration, traffic has doubled while achieving profitability, allowing Patch to grow its hyperlocal coverage while other major media publications have continued to dump local coverage due to cost and complexity. The only major media platform for local news, Patch strives to be in all towns.
Under its new Editor in Chief, Warren St. John, Patch now publishes between 800-1,000 stories a day to over 900 hyperlocal âPatchesâ. Writers and community members can post directly to a given Patch, fostering a community-centric news forum with the most relevant information for the local audience. 100,000 different articles are read on Patch.com on any given day, and the 24/7/365 news cycle leads to some 12,000 URLs being accessed via the Patch site at any given time within the last 10 minutes.
Patch is a unique synergy: a bunch of devoted people building a scrappy, non-startup startup. We're writing great content. We're serving our users and they love it; they keep coming back. Though we are obviously trying to make money, we have the soul of a nonprofit. We are trying to help local communities in a media landscape, which has completely forsaken them.
-Abraham Brewster, CTO, Patch
Building a Sophisticated, Custom Stack
When Hale Global became the majority owner of Patch in 2014, the team had a strict timeline to move off of proprietary AOL infrastructure, and needed to develop a solution to run the massive Patch platform. The Hale Global tech team built an impressive custom AWS stack using Drupal for their content management system. They had tried out a number of CMS solutions, but needed a backend that could be a workhorse, allowing the team to concentrate on UI work for both the front and contribution interfaces. Drupal's relational systemsâcoupled with varnish to protect the query cost, along with its robust services support made the choice clear.
Brewster joined the team in September of that year. He immediately got to working finding solutions to help grow the platform, while nipping inefficiencies in the bud.
We've got to innovate like crazy. We need to be able to run stuff up, have ideas crash and burn, and have infrastructure that can support us."
-Abraham Brewster, CTO, Patch
âLeaving our infrastructure and processes in Pantheon's hands allows us to concentrate on innovation,â Brewster said. âWe of course have to worry all the time about scale: we have 15 million stories and 6 million users. Innovation, when you are running at this scale and speed, comes with both successes and mistakes, and unexpectedly some of them can cripple a system. The parallel scaling on this platform gives us the cushion to innovate.â
Patch requires high availability all the time, for everything. While the custom AWS setup worked well, a website management platform would allow the team to innovate faster with a better ratio of ops personnel to developers, and maximum uptime. Brewster suggested Pantheon to support their infrastructure and unique Drupal build.
An Unusual BuildâInnovating in an Ever-Changing Industry
Brewster knew that having a flexible build with lots of granular caching was necessary for a media site like Patch, and therefore suggested setting up the site as a decoupled Drupal build. However, instead of using Drupal solely for the backend and choosing a framework like Angular for the front end, Patch was built with one installation of Drupal to run the front end, and a separate installation of Drupal to run the backend.
âThis build solves the problem of Drupal being able to do a lot of things well, but not all at the same time,â Brewster said. âOur front-end site is a Drupal site with no users, no nodes, no views. It has no content in its databaseâit sits there as a caching, configuration box and a theming box. It captures less-volatile information, digests it, and caches it locally for display. When you donât ask Drupal to âthinkâ, it can serve you a page in 200 milliseconds. If you ask it to both run the theming and display as well as the content management and heavy database lifting, it can clog itself upâespecially with a database as large as ours. There would be no way we could serve our content footprint and do the rendering at the same time while doing all the other things that would have to happen on a service boxâauthentication and content relationships. We came to this solution because it seemed to be the best of both worlds. We let the CMS manage content and let the theming layer do the theming, and then put this massively scalable buffer between them called Varnish. The front end never calls a database. Instead of hitting a database, itâs hitting Varnish.â
One benefit of this unique build is that if someone adds malformed content to the service box, itâs not going to take the entire frontend down with it. Brewster and the team donât have to deal with big errorsâif thereâs bad JSON, the frontend can trap it. Another plus for Brewster is that he doesnât need to worry about hiring or contracting a dedicated frontend developer, because his whole team knows Drupal and can move around the platform.
âI donât have to call a JavaScript person to come in when I only need him or her once a week. Ours is a very uniform, knowledge-base reinforcing team. If someone doesnât know a function, someone else has handled the problem before. We have a group of people who can build stuff quickly and innovatively. If we really must to do something outside our wheelhouse, itâs not a big deal for a talented developer to have to learn one technology on top of a bunch of stuff that he already knows.â
Image
Choosing Pantheon & Migrating a Complex Infrastructure
When faced with the decision of where to host and manage Patchâs infrastructure, Brewster knew he wanted Pantheon. Maintaining a custom AWS stack was costly and the time required to manage it often kept the team from from innovating at breakneck speed.
âEverything was working well, so you could imagine Patch wasnât thrilled about the idea of yet another migration, so I had to make the case for Pantheon,â Brewster said. âPantheon was an architecture Patch could leverage and grow on. The real selling points for us were speed, risk mitigation, and flexibility of development. Since the whole thing is built on a services-based architecture, we can leverage its independent parts as the backbone of an app. Different pieces of the stack can be called individually, all insulated by Varnish wrappers that mitigate the risk of a ânoisy neighborâ process bringing down the whole neighborhood.â
The Hale Global team migrated the massive database from PostgreSQL to MariaDB. They did a huge migration first, while the New York team optimized the queries for Maria and MySQL. In doing so, they sped up a number of their most complex service calls by a factor of 10. âSome of it was the database, some of was the application horsepower and a lot of it was just some great coding done by our team with major assists from David Strauss and everyone at Pantheon,â Brewster said. âOur QA team and Pantheon facilitated relentless load- and stress-testing to make sure everything was good to go.â
Ready for Whatever May Come
Patch is now running smoothly on Pantheon and the team is thrilled. The site runs with 8,000 pageviews at any given moment and doesnât break a sweat when spikes reach up to 3 million pageviews in a day. No downtime means the team isnât worried about losing valuable advertising revenue or readership, and leveraging Varnish allows the team to test and innovate efficiently. The overall cost is comparable to their AWS solution but with more capability and a sophisticated set of features and developer tools. Patch.com is running incredibly fastâa necessity in the 24/7 news media landscapeâdown from 2 seconds on AOL to 450-500 milliseconds on AWS to 240 milliseconds on Pantheon.
We handled three million pageviews in a day for one particularly viral story about arsenic in wine, and our hardware didn't even know it. We had no reason to worry, so we kept developing.
-Abraham Brewster, CTO, Patch
Moving Forward: Changing the Industry & Building Out Patches
Now with Patch.com running smoothly on Pantheon, Brewster and his team have the bandwidth to focus on innovating, building out more patches, and being âeverything localâ.
âWe can launch a new Patch in minutes,â Brewster said. âIn the end, itâs just a Drupal stack. Itâs serving a taxonomy term and some JSON into our system once a day. We just spin it up. Patch is expanding. We launched a half dozen in the last week in an entirely new market.â
Patch is positioning itself to become a hyperlocal media powerhouseâto thrive, they must choose partners that can support continuous growth and scale. On Pantheon, Brewster and his team can innovate rapidly without worrying about infrastructure.
More Case Studies
Helpful resources to help your team succeed
American Kennel Club
How the American Kennel Club doubled its sites on WordPress with Pantheon and increased traffic by 30%.
A Great Museum Relaunch for The Broad
Learn how a contemporary art museum in LA transformed its digital experience on Drupal with Urban Insight and Pantheon.
Japanese American National Museum
Learn how Urban Insight develops advanced features for the Japanese American National Museum with Pantheonâs tools.