class: center, middle, cover # .big[Experiences With Hyvä Projects] ##**.integergreen[@integer_net]** ### Hyvä Release Party 2021-02-12 --- layout: true .footer[.left[Fabian Schmengler /> **Experiences With Hyvä Projects**] .right[@fschmengler]] --- # A Little Bit Of History - In **2015** we learned, the Magento 2 frontend was ~~crap~~ not that good - In **2017** we had realized, it was not going to get better <div style="width:100%;height:0;padding-bottom:30%;position:relative;"><iframe src="https://giphy.com/embed/BEob5qwFkSJ7G" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> --- class: center # We Became PWA Advocates .width33[] .width33[] .width33[] .width33[] --- <div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/9fclu64Xq0guY" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> .gifcaption[All aboard the PWA Hype Train!] --- ## Mid-2020 # Far Into 2 VSF Projects <div style="float:right;width:50%;height:0;padding-bottom:30%;position:relative;"><iframe src="https://giphy.com/embed/BEob5qwFkSJ7G" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> - Unexpected problems all the time - Frustrated developers and project managers - Much time spent debugging - Launch not predictable at all --- <div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/1hMhlrWWfXU77iYnBB" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> .gifcaption[The Hype Train halts...] --- ## July 2020 # A Love Story **Willem:** *Let me pitch you my Tailwind theme for this new project* **integer_net:** 💚 **Developer:** 🧡 *Leave me something to do, will you?* **Customer:** 💙 **Willem:** ❤️ --- # Project Characteristics .aside-l.width100[] - React Cart+Checkout (integrated) - Customer prizes fetched with GraphQL *Finished fast* - < 100 hours theme - ~ 150 hours Custom cart + checkout --- <div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/3o7TKQ7yuCKEEQyVwI" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> .gifcaption["Hypä, Hypä"] --- ## September 2020 # Crisis meeting in VFS Project #1 *Why don't we rebuild it with Willem's frontend?* **Developer:** OK, when can we start? --- # Suddenly: Predictability! - 2 weeks later, customer sees first version - Project plan until end of year **Developers:** 🤩 **Project manager:** 🤩 --- # Project Characteristics .aside-l.width100[] - All kinds of product types & custom options - React product designer (portable from M1 => VSF => Hyvä) - Luma Checkout *Rebuilt FE in Less than half the time* --- ## October 2020 # Unexpected turn in VFS Project #2 - "almost done" for weeks - Fixing bugs took ages - Client didn't want to launch before Christmas anymore *We have more than two months time?* 🤬 *it, we're moving to Hyvä too!* --- # Project Characteristics .aside-l.width66[] - Customizable menu and widgets for the home page - PayPal Plus - **Launching next week** --- # Developer quotes (Frontend) > I cannot believe that it took **5 years of stagnation** and **3 years waiting for PWA Studio** until someone finally **broke the chains** of frontend development. .quoted[Lisa Buchholz, integer_net] > Using Hyvä in the first project was an indescribable **relief**, many approaches die in their complexity, Hyvä does not. It is **encapsulated**, **extendable** and at most, **it is simple**. .quoted[Peter Lohaus, integer_net] --- # Developer quotes (Backend) > Hyvä is relatively **straightforward**, this is a blessing! .quoted[Dominik Brachmanski, integer_net] > Creating a third party compatibility module for Hyvä in little time and low effort is **amazing**! .quoted[Bernard Delhez, integer_net] --- ## Today 🚀 - **2 live** (migration, from scratch) - **2 almost finished** (migration, redesign) - **4 in development** (migration) - **5+ in pipeline** for 2021 (no new project and no redesign without Hyvä) <div style="width:100%;height:0;padding-bottom:30%;position:relative;"><iframe src="https://giphy.com/embed/pOKrXLf9N5g76" width="80%" height="80%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> --- <div style="width:100%;height:0;padding-bottom:55%;position:relative;"><iframe src="https://giphy.com/embed/3KC2jD2QcBOSc" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> --- # Questions? .grid2[ .col1.width100[ .quoted[Fabian Schmengler, integer_net]] .col2.width100[ .quoted[Ina van der Biesen, integer_net]] ]