JAMstack Conference 2020
An overview of JamStack Virtual conference held on 27th of May 2020. The conference focussed on building rich website interfaces using Javascript, APIs and Markup (Hence the name JAMstack).
On 27th of May 2020, A JAMstack virtual conference was organised. The entire conference was conducted online using an event platform, Hopin. The blog post follows along some of the interesting talks presented during the conference, and tweets shared.
First things first, What is JAMstack?
Jamstack is a modern UI(User Interface) web development architecture based on building websites using client-side JavaScript, APIs, & Markup (hence the name JAM Stack). Building websites with JAM stack has many advantages like better performance, higher security, cheaper and Easier Scaling; and Better Developer Experience. We can build production-grade websites without backend, using just a couple of APIs, and Front-end technologies we already know.
Gatsby is a one of the most popular (and loved) frameworks that helps building optimised and fast-loading static web pages using Jamstack. It does have a large directory of plugins too, from building pages to routing to accessibility and so on. Since Gatsby is powered by ReactJS, all plugins built for ReactJS (and work along with React ecosystem) work really well on Gatsby too. Last year, I built a site using Gatsby and TailwindCSS. Tailwind is a utility-first CSS library and can be very helpful in building the style guide for a project.
We can not only make static websites using JAMstack, but also create dynamic experiences like dashboards and user logins using authentication services like OAuth.
Straming live! @jamstackconf #jamstackconf pic.twitter.com/3qeSW5eh7p
— Prashant Sani (@prashantsani) May 27, 2020
Fun Fact: There are developers from around 128+ countries tuned in for #jamstackconf today!
— Prashant Sani (@prashantsani) May 27, 2020
A big shoutout to all developers 🙌 @jamstackconf
Straming live! @jamstackconf #jamstackconf pic.twitter.com/3qeSW5eh7p
— Prashant Sani (@prashantsani) May 27, 2020
The first Speaker for the conference was Netlify CEO, Matt Biilmann. He spoke about some of the advantages of using Jamstack and how Netlify can be used to build scalable Jamstack Web Applications. One of the highlights of the talks was how Netlify Build Plugins can be used to automate certain website tasks like accessibility, testing, fonts, Inlining Critical CSS etc . The plugins are just open-source NPM modules which can be added via GUI or in a way which all NPM modules are installed.
These build plugins are just regular NPM packages which run every-time we build an application. A “Build” process happens every time a developer pushes their Git repositories (linked to Netlify) or by literally just dropping the directory into the interface. Netlify processes all the assets, download and install packages, and generate a static version of the site to deploy to CDNs all around the world.
These plugins are generally The plugins can execute a specific code on events like onPreBuild, success (when build is successful), error (when build fails) and so on. A complete list of these (events) is as follows:
A few years back, who would have thought that integrating a payment system in a website would be possible without using backend language! We can use Stripe to process payment with a couple of APIs.
There is a difference of 125% between slowest and fastest internet connection
— Prashant Sani (@prashantsani) May 27, 2020
#jamstackconf pic.twitter.com/IXN553y22Z
...with Jamstack, we could start thinking of the whole frontend package that we could put in difference edge nodes globally and reduce the latency and cost for anyone who needed to access a site worldwide" #jamstackconf pic.twitter.com/HV43OZA2yS
— Netlify (@Netlify) May 27, 2020
One of the most inspiring talks from the day was Erin Kissane speaking some of the stories that went behind building The COVID-19 Tracking Project. As the name suggests, it is (currently) being used to share the complete data available about COVID-19 in the US.
“Even when our systems fail us, we are not helpless”
- Erin Kissane
This was a very inspiring talk on how technology can be used during the crisis for a public welfare service. Also, the team proved that Jamstack can be used to build websites for millions of users and not just for hobby websites or small projects.
The project showed how volunteers could come together and make a website becomes a standard and a de-facto source of information, even the one used by the Government. The website scaled to almost 2 Million requests per day in a couple of months. Since the website was built using JamStack, it became much easier to scale the infrastructure that powered the website.
#jamstackconf @kissane addressed an inspiring talk on the story behind building https://t.co/mzeodHfBsR using @gatsbyjs @contentful @Netlify
— Prashant Sani (@prashantsani) May 27, 2020
The site receives:-
- 2M API req/day
- millions of users
- Used for research and as official data in the USA#jamstack @jamstackconf pic.twitter.com/B8NHvRPFC5
Jaimie spoke on how he built HeySugar, an open-source, self hosted, blood sugar monitoring Jamstack app for type one and type two diabetics. It was one of the most interesting talks on how a developers can build their own solutions to the real world problems they face using nothing but the technologies they already know.
#jamstackconf @jamiebradley234 speaks about building a blood sugar monitoring app using #jamstack @gatsbyjs @Netlify https://t.co/6qNCL1sJhh pic.twitter.com/ktbKwf3h4N
— Prashant Sani (@prashantsani) May 27, 2020
And some benefits of the app pic.twitter.com/138G5Bidn0
— Prashant Sani (@prashantsani) May 27, 2020
Laurie Voss addressed a keynote sharing the current state of the Jamstack based on an industry survey of 3,000 developers. According to survey responses, the most sought-after benefits of the Jamstack are performance, reliability and developer workflows. One third of respondents reported their Jamstack sites serve millions of users each year.
He explained how Jamstack is not just a mere concept, it is used across the Industry and there are some Enterprise Apps which are built on the same.
You can find the slide decks for the talk here.
As per the survey, @sveltejs & @eleven_ty attained a high satisfaction score to build #jamstack website. Although devs used @jquery extensively, it scored very less in terms of developer satisfaction@reactjs was a clear winner, both in terms of use & satisfaction. #jamstackconf pic.twitter.com/6JyhgRC1Ng
— Prashant Sani (@prashantsani) May 27, 2020
Full Survey: https://t.co/1LoetxItTi#jamstackconf
— Prashant Sani (@prashantsani) May 27, 2020
The site is even PWA enabled, just in case.https://t.co/QooCij6oG7@jamstackconf #jamstackconf pic.twitter.com/yyN4sxyqdx
— Pablo (@pgarciacamou) May 27, 2020
Christian Nwamba, the senior cloud advocate at Microsoft; gave a talk on how to build websites that perform well even on the slowest internet and average-CPU devices. As developers our focus should not be restricted to only optimising the file size when it comes to performance, but also optimising the render performance because we are unaware of CPU performance of user's device(s).
The internet consumers are ever so increasing in emerging markets and the way they are accessing the products may be a bit different from the way users from developed countries consume them. One of the most compelling things he spoke about is the user journey of internet users in Sub-Saharan Africa and how Jamstack can help in building a rich experience.
"Don't ever take small optimisations for granted. Even the smallest improvement in performance can sometimes go a long way in improving the experience for people in emerging markets"
— Prashant Sani (@prashantsani) May 27, 2020
- @codebeast @jamstackconf #jamstackconf #JamStack
Chris also spoke about building a Jamstack banking website.
Internet adoption in Africa is steadily growing. By 2020-25, 80% of sub-Sahara Africa will be using Internet. @codebeast pic.twitter.com/WiU5uO7RTY
— Prashant Sani (@prashantsani) May 27, 2020
Top 20 websites in Nigeria are Global companies.https://t.co/FzacQEKZJE@codebeast @jamstackconf #jamstackconf
— Prashant Sani (@prashantsani) May 27, 2020
What JAMStack does great is to get information to people at any scale, wether it is a small portfolio project or a website visited by millions.
In between the talks, we did have a couple of breaks . The event website had an interesting way to virtually network the attendees and speakers for the event.
Netlify launched Edge Handler Functions during the conference. You can know about the feature through the keynote addressed by David Calavera. Edge Handler Functions basically allows developers to run code directly on the edge server to handle things like custom authentication patterns, localisation and personalisation.
If you wish to know more about Edge handlers, you can follow along Sarah Drasner's Twitter thread on the same.
Ana Rossetto is a business developer at Myzee labs, a European web development agency. Spoke on how to pitch Jamstack websites to clients and managers. The talk advocates on how Jamstack can add value to businesses and the ways it can benefit the "website owners" and not just users and developers.
Ana Rossetto spoke on how #jamStack can have a positive impact on business development too. #jamstackconf @jamstackconf pic.twitter.com/Z2KwRVcrFR
— Prashant Sani (@prashantsani) May 27, 2020
Jan Van Hellemond is a freelance web developer from Amsterdam, Netherlands. He manages the meet-ups for "Server-less Amsterdam" and is a Jamstack enthusiast. He speaks on how we can build a payment system (for a ticket system) without Servers, Frameworks or cookies.
By connecting serverless staples like Amazon API Gateway, Lambda functions, Cloudflare and Netlify (and a few you may not have heard of, yet) a ticketshop was built to handle thousands of requests per second, selling hundreds of tickets per minute but dealing with zero servers. And zero frameworks. And even zero cookies.
Great talk @jvhellemond 👏
— Prashant Sani (@prashantsani) May 27, 2020
Yes. Things were so different this time last year!! pic.twitter.com/dFI3WRsCbH
Who says you can’t get free stickers while attending an online conference? Get a free sticker from @redwoodjs on https://t.co/g2tFCn9kKW #jamstackconf @jamstackconf
— Prashant Sani (@prashantsani) May 27, 2020
Sketchnotes by Ximena
One of the attendees, Ximena Ferral made some interesting sketch-notes during the conference and shared them over Twitter
Fireside chat with @harper & @phae #jamstackconf #sketchnotes
— Ximena Vf. (@ximenavf92) May 27, 2020
I really need to sketchnote more often… pic.twitter.com/N44hIrVKCe
VERY rusty on these. Some quick Sketchnotes from @seldo ‘s talk about the State of the Jamstack survey. #jamstackconf #sketchnotes pic.twitter.com/Vc3ybqzzcX
— Ximena Vf. (@ximenavf92) May 27, 2020
Great talk with Erin Krissane about the @COVID19Tracking
— Ximena Vf. (@ximenavf92) May 27, 2020
Thank you all for volunteering and making this information available.#jamstackconf #sketchnotes pic.twitter.com/PHXE1xJjlw
“Every single optimization goes a long way, don’t take it for granted”
— Ximena Vf. (@ximenavf92) May 27, 2020
Quick #sketchnotes of @codebeast ‘s talk at #jamstackconf !! Great talk, thanks for sharing! pic.twitter.com/CKjrqiS6rJ
#LightningLaunches and #LightningTalks at #jamstackconf
— Ximena Vf. (@ximenavf92) May 27, 2020
Fun stuff and good stories! Thanks @jamstackconf @Netlify for putting this on!#sketchnotes pic.twitter.com/ryF0f2JmpI
Here is the complete page with the few thoughts I could catch from @biilmann ‘s talk… (I was still on our daily meeting at work 👀)
— Ximena Vf. (@ximenavf92) May 27, 2020
#jamstackconf #sketchnotes pic.twitter.com/PUVMZATYqh
Happy Jammy Thursday Morning! #jamstackconf workshop with @philhawksworth today! 🍓 🚀 💃🏽 pic.twitter.com/rdd8Zuo243
— Ximena Vf. (@ximenavf92) May 28, 2020
Points in favour of using a framework, library or methodology:
When one chooses not to use a framework, they end up creating their own framework. In such circumstances, one have to make all the decision for the code including optimisations, accessibility, etc. Using an open-source project or a methodology means its very well written, tested and continuously updated and one does not have to make too many decisions. Most of the times, it makes much more sense to solve problems using framework(s), library(s) or a methodology then to re-invent the wheel.
This makes JamStack a great candidate for building websites in 2020. So, would you be using Jamstack soon in your workflow?
Further Reading:-
Thank you @jamstackconf for hosting this event. Learnt so much and very inspired now to "JAM with JAMStack" 😂🎉
— Prashant Sani (@prashantsani) May 27, 2020
All sessions from the @jamstackconf are now available online: https://t.co/z26tB3SeT7
— Smashing Magazine (@smashingmag) June 1, 2020
Disclaimer: As of the publish date of this article, I am neither a part of the conference organiser(s) nor its sponsor(s), the views and thoughts shared are my own and do not reflect any past, present or future professional clients or employers.