JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.

Yet, you may be wondering: how? why? wtf is it?

This is why I created https://jamstack.wtf

The goal of this guide is to gather the concept of JAMstack in a straight-forward guide to encourage other developers to adopt the workflow.

The content below was taken from the guide above 👆

Please sit back, relax and enjoy ✌️

Table of contents

What is JAMstack?
- Meaning
- Benefits
- Best practices
- Workflow
- Timeline
Getting started
- Development
- Deployment
- Dynamic parts
- CMS
About

What is JAMstack?

Meaning

JAM stands for Javascript, API & Markup.

Javascript
Dynamic functionalities are handled by Javascript. There is no restriction on which framework or library you must use. …


I’ve recently migrated Dona Rita’s website from Jekyll to Gatsby. I’d like to share my process with you, as well as a few tips about building a JAMstack site with Gatsby, Netlify and Netlify CMS.

A bit of background

What is JAMstack?

JAM stands for Javascript API & Markup. The term JAMstack was popularised by Mathias Biilmann (CEO & Co-founder of Netlify) to describe “a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup”. You can read more about JAMstack here.

What is Gatsby?

Gatsby is a blazing-fast Static Site Generator for React — this is important because I wanted to keep the JAMStack I had with Jekyll. Apart from being a SSG, Gatsby is build with modern technologies, it’s future-proof, it’s a static PWA out-of-the-box and you can query your data from anywhere via GraphQL…


Recently my mum, my girlfriend and I decided to embark on a mission to bring Brazil’s favourite snack to London.

Clara and I have both worked in advertising and digital agencies for nearly a decade. I’m a front end developer (mostly known for this article) and Clara is a visual designer. My mum Rita works as a nanny.

None of us had any experience starting a food business, but due to the experience of working in the digital world, Clara and I had some idea of how tech start-ups did things.

So we decided to apply the same techniques to our new venture.

I’m very happy to introduce Dona Rita. We’re bringing Brazilian cheese bread to London. Pão de Queijo.

Case Study

I’ve written a case study on how to start a food business from scratch. It contains our whole thought process, our learnings and loads of tips.

Dona Rita Pão de Queijo for breakfast

👋


The shiny new The Times and The Sunday Times has just been released. I thought it would be a good idea to write an article about the UI structure.

My name is Pedro Duarte and I’m a front-end developer specialising in UI and user experience. News UK hired me to focus on the UI development overhaul of the new The Times & The Sunday Times websites. And for the last year, this is what I’ve been up to…

In this article, I will write about the following:

  • Overview
  • Collaboration
  • UI Structure
  • CSS
  • Refactor
  • Visual QA
  • Styleguide
  • Conclusion

Overview

The redesign of The Times and The Sunday Times is all about content. It is about showing the right piece of news in its dedicated amount of space on the screen. The challenge of keeping this sort of strict hierarchy in a responsive layout determined by content can be difficult. …


I’m really happy to share with you the Beta version of the new The Times & The Sunday Times website. 🎉

Wide breakpoint
Medium and small breakpoints

We are hoping to get as much feedback from our users as possible. In the meantime, we are still hard at work implementing new features, improving performance and polishing off the UI.

Congratulations to everyone involved and for all the effort that has been put in. 👍

About

Pedro Duarte

Product engineer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store