A presentation at Decoupled Days 2021 by David Corbacho Roman
Decoupled stack with Next.js Decoupled days 2021
Customer first Our tech stack is just a tool to help the customer What incredible benefits can we give to the customers?… not starting with: Let’s sit down with the engineers and figure out what awesome technology we have and then how we are going to market that. source: https://youtu.be/oeqPrUmVz-o “Customers don’t care about your solution. They care about their problems. - Dave McClure, CEO
Welcome These views are my own Wunder has more than 100 employees in an almost flat hierarchy. Dozens of active projects with a lot of freedom for the team to take decisions. We have 7 internal guilds. Guild leads support people and growth in different ways. At the moment I’m guild lead for JS devs. Why not join us?. Ping me, or google “wunder careers”
Our decoupled stack for multiple projects
Our decoupled stack for multiple projects
Why? Why fully decoupled? Why ElasticSearch? Why React? Why Next.js?
Why? Why fully decoupled? Why ElasticSearch?
Table with and without header rows Why ElasticSearch? Super fast Aggregates data from multiple sources Search is very important Advanced cases. Ready solution for indexing Drupal content, by Wunder: https://www.drupal.org/project/elasticsearch_helper
Table with and without header rows Time for a story: Personalized daily email to 40,000 people
Our decoupled stack for multiple projects Why React? Why Next.js?
Number of developers in the world (source: slashdata) 2018 2021
Why Next.js Programming is a pop culture “Popularity rules, and fitness for purpose is secondary.” This is one of the reasons why many experienced programmers spend some time on “social” programming sites like Hacker News, Reddit, or Stack Overflow. In a pop culture, keeping up with the trends is necessary to do your job. You can’t design clothes if you spend all your time in a laboratory analyzing fabrics http://braythwayt.com/posterous/2012/11/01/programming-is-a-pop-culture.html
React
Why Next.js Next.js vs Gatsby In 2020, Next.js became hybrid
Section intro Time for a story: From Gatsby to Next.js
Table with and without header rows React Server Components React will be for the first time opinionated on the backend, requiring a JS runtime. Release estimated for 2022 This in a way, will replace the progressive decouple strategy (BigPipe) from Facebook. (my guess)
Table with and without header rows Why Next.js? Becoming the standard meta framework for doing SSR in React Hybrid Popular Innovative: introduces quickly new experimental features Mature: backwards compatibility Performant Small well thought API, like React. Easy to learn.
Customer first Our stack is just a tool to help the customer What incredible benefits can we give to the customers?… not starting with: Let’s sit down with the engineers and figure out what awesome technology we have and then how we are going to market that. source: https://youtu.be/oeqPrUmVz-o “Customers don’t care about your solution. They care about their problems. - Dave McClure, CEO, 500 Startups
Thank you :-)
Shaping the Digital Experience wunder.io
In our quest to use the right tool for the job we have discovered a flexible tech stack that that brings the best solution for many big complex projects at Wunder. This stack brings together Drupal, ElasticSearch and Next.js. A sweet combination that has many benefits, we would like to introduce and also the hard problems we encountered on our decoupled projects.
Decoupling Drupal and using it as a headless CMS, is a challenge, you are throwing away many good Drupal features that works out-of-the-monolith and reimplementing them with Next.js is a challenge. Flexibility comes with a price, and trade offs will be explained.
for free. You
can too.