Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Penn State News: Pivoting to Decoupled Drupal w...

Penn State News: Pivoting to Decoupled Drupal with Gatsby

Join Tim Lehnen, Chief Technology Officer at the Drupal Association, Mark Shropshire, Senior Director of Development at Mediacurrent and Jim Nourse, Director, Web Product and Brand Platforms at Penn State University as they give an inside look at how Drupal and Gatsby were leveraged to create a digital storytelling platform with the ability to scale throughout Penn State.

Penn State is a top-ranked research university in the United States with an enrollment of over 80,000 students. When Penn State News, the marketing and communications division of Penn State, needed to modernize their legacy site, they turned to the combination of Drupal, Gatsby, and a best-in-class project team for groundbreaking open source based solutions.

Presented at Drupal Association

Mark Shropshire

January 12, 2022
Tweet

More Decks by Mark Shropshire

Other Decks in Technology

Transcript

  1. Ζ͓ˢ ÂĞŋRŭmāùĢÖóŽũũāłŶ̇ Ɣ tŽČő͓ƈŚƜƀÿČ͓ČƹŽČƀıČőÿČ͓ŽãƀƔőČƀ Ɣ AŚÿƜƈČĆ͓Śő͓$ƀƜŽãŇ͓ƈıőÿČ͓ˠ˞˞˥͓ Ɣ ŇıČőƔƈ͓ıőÿŇƜĆČ͓ĬıĥĬČƀ͓ČĆƜÿãƔıŚő̩͓őŚőŽƀŚnjƔ̩͓ ĥŚƳČƀőŏČőƔ̩͓ãőĆ͓ĥŇŚþãŇ͓þƀãőĆƈ Ɣ

    ƀŚƜőĆ͓˧˞͓¶¢́þãƈČĆ͓ƔČãŏ͓ŏČŏþČƀƈ͓ãÿƀŚƈƈ͓ ƈƔƀãƔČĥƺ̩͓ĆČƈıĥő̩͓ãőĆ͓ĆČƳČŇŚŽŏČőƔ͓ iČĆıãÿƜƀƀČőƔ͓ıƈ͓ã͓ĤƜŇŇ́ƈČƀƳıÿČ͓ĆıĥıƔãŇ͓ãĥČőÿƺ͓ƔĬãƔ͓ ıŏŽŇČŏČőƔƈ͓ƴŚƀŇĆ͓ÿŇãƈƈ͓ŚŽČő͓ƈŚƜƀÿČ͓ƈŚĤƔƴãƀČ͓ ĆČƳČŇŚŽŏČőƔ̩͓ƈƔƀãƔČĥƺ̩͓ãőĆ͓ĆČƈıĥő͓ƔŚ͓ãÿĬıČƳČ͓ĆČnjőČĆ͓ ĥŚãŇƈ͓ĤŚƀ͓ČőƔČƀŽƀıƈČ͓ŚƀĥãőıDŽãƔıŚőƈ͓ƈČČńıőĥ͓ã͓þČƔƔČƀ͓ ƀČƔƜƀő͓Śő͓ıőƳČƈƔŏČőƔ̮
  2. Ζ͓˥ ”āłłœŶÖŶāpāƒŭœŶÖŶŭ ˑ˔ˏ ŚőƔƀıþƜƔıőĥ͓ *ĆıƔŚƀƈ ˒ˏ ¶őıſƜČ͓¢ƔŚƀıČƈ͓ —Čƀ͓$ãƺ ˓ˏ NŏãĥČƈ͓ãőĆ͓

    ÍıĆČŚ͓—Čƀ͓$ãƺ IıĥĬŇƺ͓ƜƈƔŚŏ͓ $ƀƜŽãŇ͓˥͓ƜıŇĆ ˒˔ iıŇŇıŚő͓NőĆıƳıĆƜãŇ͓ *ŏãıŇƈ͓—Čƀ͓ÔČãƀ ˖ˏ ¢ƺőĆıÿãƔČĆ͓ —ãƀƔőČƀ͓ÎČþƈıƔČƈ Ζ͓˥
  3. Ζ͓˟˟ œĢŶā˜āŨŽĢũāĿāłŶŭ Ɣ NŋŭŶĢłė tƜƔƈŚƜƀÿČ͓IŚƈƔıőĥ͓NőĤƀãƈƔƀƜÿƔƜƀČ͓ƔŚ͓ƔĬČ͓ŇŚƜĆ̮ Ɣ ŽŶĞŋũĢłė ƜıŇĆ͓ã͓ČƈƔ́ıő́ÿŇãƈƈ͓ŚőƔČőƔ͓ƜƔĬŚƀıőĥ͓*ƹŽČƀıČőÿČ̮ Ɣ 'āóŋŽťķāùDũŋłŶāłù

    —ƀŚƳıĆČ͓ã͓¢ČÿƜƀČ̩͓šČŇıãþŇČ̩͓ãőĆ͓—ČƀĤŚƀŏãőƔ͓ $ČÿŚƜŽŇČĆ͓AƀŚőƔČőĆ̮ Ɣ ­łĢƑāũŭÖķ”R —ƀŚƳıĆČ͓—N͓ĤŚƀ͓ŇŇ͓—Čőő͓¢ƔãƔČ͓ãŏŽƜƈČƈ̮ Ɣ FķŋðÖķœƘŭŶāĿRłŶāėũÖŶĢŋł NőƔČĥƀãƔČ͓ƴıƔĬ͓—Čőő͓¢ƔãƔČ͓¢ƺƈƔČŏƈ̮ Ɣ ÂŋũĴƪŋƒœāėũāėÖŶĢŋł ¢ČŽãƀãƔıőĥ͓ƴŚƀńǍŚƴ͓ãƀŚƜőĆ͓ĤƀŚőƔ́ČőĆ͓ãőĆ͓þãÿń́ČőĆ̮
  4. Ζ͓˟ˢ 'ũŽťÖķŭ¦Ğā!ŋłŶāłŶ ŽŶĞŋũĢłė¦ŋŋķ $ƀƜŽãŇ͓ıƈ͓ã͓ÿŚőƔČőƔ͓ ŏãőãĥČŏČőƔ͓ĤƀãŏČƴŚƀń͓ ŽƀŚƳıĆıőĥ͓ã͓ÿƜƈƔŚŏıDŽãþŇČ͓ ÿŚőƔČőƔ͓ãƜƔĬŚƀıőĥ͓ ČƹŽČƀıČőÿČ͓ıőÿŇƜĆıőĥ͓njČŇĆƈ̩͓ ƔãƹŚőŚŏƺ̩͓ÿŚőƔČőƔ͓ ŏŚĆČƀãƔıŚő̩͓ƜƈČƀ͓

    ŏãőãĥČŏČőƔ̩͓ãőĆ͓ŏŚƀČ̮͓ $ƀƜŽãŇ͓ČŏŽŚƴČƀƈ͓ÿŚőƔČőƔ͓ ČĆıƔŚƀƈ͓ƔŚ͓ÿŚőƔƀŚŇ͓ŇãƺŚƜƔ͓ŚĤ͓ ÿŚőƔČőƔ͓ĤŚƀ͓ƔƀãĆıƔıŚőãŇ͓$ƀƜŽãŇ͓ ãőĆ͓ĆČÿŚƜŽŇČĆ͓$ƀƜŽãŇ͓ ƴČþƈıƔČƈ̮͓*ĆıƔŚƀƈ͓ÿãő͓ƔƀƜƈƔ͓ ƔĬãƔ͓ƴĬãƔ͓ƔĬČƺ͓ČĆıƔ͓ãőĆ͓ ŽƀČƳıČƴ͓ıƈ͓ƴĬãƔ͓ƴıŇŇ͓ĥŚ͓ŇıƳČ͓Śő͓ ƔĬČ͓ŽƜþŇıƈĬČĆ͓ÿŚőƔČőƔ͓ƈıƔČ̮ ¯ĬČ͓ãþıŇıƔƺ͓ƔŚ͓ŽƀŚƳıĆČ͓ã͓ƈıőĥŇČ͓ ƈŚƜƀÿČ͓ŚĤ͓ƔƀƜƔĬ͓ĤŚƀ͓ÿŚőƔČőƔ͓ıƈ͓ ã͓$ƀƜŽãŇ͓ƈƜŽČƀ́ŽŚƴČƀ̮͓NƔ͓ ãŇŇŚƴƈ͓ĤŚƀ͓ƈƜÿÿČƈƈĤƜŇ͓ ĥŚƳČƀőãőÿČ͓ŽŚŇıÿƺ͓ ıŏŽŇČŏČőƔãƔıŚő͓ãőĆ͓ÿŚőƔČőƔ͓ ãÿÿČƈƈ͓ĤƀŚŏ͓ƳãƀıČĆ͓ÿŚőƈƜŏČƀ͓ ČőĆ́ŽŚıőƔƈ̮ ˜ŋðŽŭŶÂŋũĴƪŋƒŭ 1Ŀťŋƒāũŭ1ùĢŶŋũŭ ”R̖DĢũŭŶũóĞĢŶāóŶŽũā
  5. Ζ͓˟ˤ FÖŶŭðƘRŭ¦ĞāDũŋłŶāłù ŽĢķŶDŋũ'āóŋŽťķāù!ŋłŶāłŶ ͓šČãÿƔ́þãƈČĆ͓ƴČþ͓ ĤƀãŏČƴŚƀń͓ƔĬãƔ͓ŏãńČƈ͓ þƜıŇĆıőĥ͓ĤãƈƔ̩͓ƈČÿƜƀČ̩͓ ƈÿãŇãþŇČ̩͓ãőĆ͓ãÿÿČƈƈıþŇČ͓ ƈıƔČƈ͓ƈıŏŽŇČ͓ãőĆ͓ĤƜő̮͓BãƔƈþƺ͓ ĬãőĆŇČƈ͓ƔĬıőĥƈ͓ŇıńČ͓ƀŚƜƔıőĥ̩͓ ƔČŏŽŇãƔČƈ̩͓ŽƀČ́ĤČƔÿĬıőĥ̩͓

    ŇãDŽƺ́ŇŚãĆıőĥ̩͓ãőĆ͓ŏŚƀČ͓ƀıĥĬƔ͓ ŚƜƔ͓ŚĤ͓ƔĬČ͓þŚƹ̮ ¯ĬČ͓BãƔƈþƺ͓ŚőƔČőƔ͓iČƈĬ͓ıƈ͓ ã͓ĆČÿŚƜŽŇČĆ͓ĆãƔã͓ŇãƺČƀ͓ ŽŚƴČƀČĆ͓þƺ͓BƀãŽĬ™a͓ƔĬãƔ͓ ŏãńČƈ͓ƈŚƜƀÿıőĥ̩͓őŚƀŏãŇıDŽıőĥ̩͓ ãőĆ͓ƜŽĆãƔıőĥ͓ÿŚőƔČőƔ͓ ŇıĥĬƔőıőĥ͓ĤãƈƔ͓ãőĆ͓ ƈƔƀãıĥĬƔĤŚƀƴãƀĆ̮͓ BãƔƈþƺ͓ŇŚƜĆ͓ĬČŇŽƈ͓ƔČãŏƈ͓ ĆČŇıƳČƀ͓ƔĬČ͓þČƈƔ͓BãƔƈþƺ͓ ČƹŽČƀıČőÿČ͓ƴıƔĬ͓ã͓ƜőınjČĆ͓ ŽŇãƔĤŚƀŏ͓ĤŚƀ͓ƜıŇĆıőĥ̩͓ —ƀČƳıČƴıőĥ̩͓ãőĆ͓$ČŽŇŚƺıőĥ͓ã͓ BãƔƈþƺ͓ƈıƔČ͓ƔŚ͓ã͓ĥŇŚþãŇ̩͓ČĆĥČ͓ őČƔƴŚƀń̮͓ FÖŶŭðƘDũÖĿāƒŋũĴ FÖŶŭðƘ!ŋłŶāłŶmāŭĞ FÖŶŭðƘ!ķŋŽù
  6. Ζ͓ˠˤ ÂĞƘFÖŶŭðƘÂÖŭŶĞā˜ĢėĞŶ !ŋĿťÖłĢŋłŶŋ'ũŽťÖķ ÎıƔĬ͓$¢B̩͓NőÿƀČŏČőƔãŇ͓ ƜıŇĆƈ̩͓ãőĆ͓ŏŚƀČ͓͓́ƔĬČƀČ͓ıƈ͓ őŚ͓ĤãƈƔČƀ͓ƴãƺ͓ƔŚ͓þƜıŇĆ͓ãőĆ͓ ĆČŽŇŚƺ͓ƺŚƜƀ͓BãƔƈþƺ͓ƈıƔČ̮ ¢ĬãƀČ͓ĆƀãĤƔČĆ͓ÿŚőƔČőƔ͓Śƀ͓ ÿŚĆČ͓Śő͓ã͓ƜőıſƜČ͓¶ša͓ƔĬãƔ͓ıƈ͓ ŽČƀĤČÿƔ͓ĤŚƀ͓ÿŚŇŇČÿƔıőĥ͓

    ĤČČĆþãÿń͓ãőĆ͓ƔČƈƔıőĥ͓ČãƀŇƺ̮ BãƔƈþƺ͓ıƈ͓ĬŚƈƔČĆ͓Śő͓ƔĬČ͓ *ĆĥČ̩͓ĆČŇıƳČƀıőĥ͓ƺŚƜƀ͓ÿŚőƔČőƔ͓ ıő͓ŏıŇŇıƈČÿŚőĆƈ͓ƔŚ͓ƈıƔČ͓ƳıƈıƔŚƀƈ͓ ãŇŇ͓ãƀŚƜőĆ͓ƔĬČ͓ĥŇŚþČ̮ DÖŭŶāũŽĢķùŭͬ'āťķŋƘŭ œĞÖũāÖðķā”ũāƑĢāƒŭ āŶŶāũœĢŶā”āũĕŋũĿÖłóā