Home/2021
Archive

Year 2021

1,767 articles published in 2021.

Frontend — A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine

A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine

Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more. In this article, Lee Robinson will explore a new evolution of the Jamstack: Incremental Static Regeneration

LRLee RobinsonLee Robinson·April 21, 2021Frontend
Databases — Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine

Why Content Is Such A Fundamental Part Of The Web Design Process — Smashing Magazine

As designers, we are often burdened by the responsibility of producing and managing website content. It’s not our job to write it, but it’s not the client’s either. In many cases a vacuum emerges which ultimately gets filled with poor content. In this article, Matt Saunders will show you that you can avert disaster by including content production in the design process.

MSMatt SaundersMatt Saunders·April 21, 2021Databases
Frontend — Say Hello to CSS Container Queries

Say Hello to CSS Container Queries

Container queries are finally here! Now available behind a flag in the latest version of Chrome Canary, you can go ahead and experiment to your heart’s

RRRobin RendleRobin Rendle·April 20, 2021Frontend
Engineering — How I Built My Blog

How I Built My Blog

An in-depth look at the technical stack behind this very blog! We'll see how I use Next's API routes to implement my hit and like counters, how I use MDX to add interaction and customization, and how I organize my codebase, among others.

JWJosh W. Comeau·April 20, 2021Engineering
Databases — Dynamic ProxySQL Query Rules - Shopify

Dynamic ProxySQL Query Rules - Shopify

Resiliency is important at Shopify and although we have many tools to help us during incidents, some problems need to be fixed at the database level. At Shopify, we use ProxySQL to manage connections between applications and our MySQL databases

SEShopify Engineering·April 20, 2021Databases
Languages — Making GraphQL Work In WordPress — Smashing Magazine

Making GraphQL Work In WordPress — Smashing Magazine

Let’s explore the plugins providing GraphQL servers to WordPress. When should we use WPGraphQL, and when the GraphQL API for WordPress? Is there some advantage of one over the other, or some particular task that is easier to accomplish with one of them? In this article, Leonardo Losoviz will describe, from his own point of view but as objectively as possible, when WPGraphQL is the way to go and wh

LLeonardolosovizLeonardolosoviz·April 20, 2021Languages
Engineering — Open source goes to Mars 🚀

Open source goes to Mars 🚀

This morning, we watched in awe as the first Mars Helicopter, Ingenuity, took flight in the thin Martian atmosphere. This is an incredible achievement for the teams at NASA and…

NFNat FriedmanNat Friedman·April 19, 2021Engineering
Performance — An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine

An In-Depth Guide To Measuring Core Web Vitals — Smashing Magazine

How are Core Web Vitals measured? How do you know your fixes have had the desired effect and when will you see the results in Google Search Console? Let’s figure it out! In this post, Barry Pollard is going to attempt to explain a bit more about what’s going on here and explain some of the nuances and misunderstandings of these tools.

BPBarry PollardBarry Pollard·April 19, 2021Performance
Databases — Announcing Cloudflare’s Database Partners

Announcing Cloudflare’s Database Partners

Cloudflare introduces Macrometa and Fauna as Edge database partners and adds database connectors for DynamoDB and Aurora to Cloudflare Workers, expanding what developers can build at the edge.

GAGreg, AbhiGreg, Abhi·April 16, 2021Databases
Engineering — Cloudflare Stream now supports NFTs

Cloudflare Stream now supports NFTs

Today, we’re introducing a new API that takes an ERC-721 token ID and contact address and sets it on a video so every video on Stream can be represented with an NFT.

RRenanRenan·April 16, 2021Engineering
SRE & Ops — DIT — enabling de-identified data collection on WhatsApp

DIT — enabling de-identified data collection on WhatsApp

At WhatsApp, privacy is our DNA. That’s why we rolled out end-to-end encryption in 2016 — so that when messages are end-to-end encrypted, only you and your intended recipients can see the messages you send. But securing messages and calls is just one part of how we minimize the information we collect in the process […]

CWChris Wiltz·April 16, 2021SRE & Ops
Design & UX — Seven Mistakes To Avoid In Your Technical Interviews — Smashing Magazine

Seven Mistakes To Avoid In Your Technical Interviews — Smashing Magazine

It’s no secret that the technical interview process leaves something to be desired; it’s often riddled with anxiety and stress. From the recruiter’s phone call to the systems design interview to negotiating a job offer, there is no all-encompassing technical interview resource, so Emma Bostian decided to create one. In this article, Emma Bostian is going to take a look at seven of the most common

EBEmma BostianEmma Bostian·April 16, 2021Design & UX
Security — Announcing Cloudflare for SaaS for Everyone

Announcing Cloudflare for SaaS for Everyone

Before today, SSL for SaaS was only available to Enterprise customers. Today, we are excited to announce that our SaaS solution is available to everyone. And to reflect the evolution of the product since it was first released, we’re changing the name: Cloudflare for SaaS.

DDinaDina·April 15, 2021Security
Engineering — A Boring Announcement: Free Tunnels for Everyone

A Boring Announcement: Free Tunnels for Everyone

Argo Tunnel has been priced based on bandwidth consumption as part of Argo Smart Routing, Cloudflare’s traffic acceleration feature. Starting today, we’re excited to announce that any organization can use the secure, outbound-only connection feature of the product at no cost.

AAbeAbe·April 15, 2021Engineering
Frontend — A Zero Trust terminal in your web browser

A Zero Trust terminal in your web browser

Starting today, your team can use that same platform to seamlessly connect to non-HTTP resources from inside of a browser with the same level of Zero Trust control available in web applications.

SSamSam·April 15, 2021Frontend
Performance — How To Get Web Design Clients Fast (Part 2) — Smashing Magazine

How To Get Web Design Clients Fast (Part 2) — Smashing Magazine

If you’re an agency owner, you know that you need customers to grow. No matter how big your dreams are, customers are the lifeblood of your business. But you’re probably wondering — how do you attract quality, high-paying clients?Selling is key to growing your web design business, but it doesn’t have to be complicated! With clear goals, customer research, and proven closing techniques, anyone can

SRStephen RoeStephen Roe·April 15, 2021Performance
Performance — From Cats With Love: New Navigation, Guides And Workshops — Smashing Magazine

From Cats With Love: New Navigation, Guides And Workshops — Smashing Magazine

At Smashing, we’ve been busy over the last few months. We’ve set up new workshops, redesigned our navigation, refined performance and improved accessibility. There are subtle UX changes coming in, and we’d love to share what we’ve been cooking. A sincere thank you for your kind, ongoing support and generosity — thank you for being smashing, now and ever!

VFVitaly FriedmanVitaly Friedman·April 15, 2021Performance
Frontend — Overflow Issues In CSS — Smashing Magazine

Overflow Issues In CSS — Smashing Magazine

You may have come across horizontal scrollbar issues, especially on mobile, if you’re a front-end developer. Because there are many causes of scrollbar problems, there is no straightforward solution. Some issues can be fixed quickly, and some need a little debugging skill. In this article, Ahmad Shadeed will explore the causes of overflow issues and how to solve them. We will also explore how mode

ASAhmad ShadeedAhmad Shadeed·April 14, 2021Frontend
AI & ML — Bringing AI to the edge with NVIDIA GPUs

Bringing AI to the edge with NVIDIA GPUs

To help anyone build AI-based applications Cloudflare is extending the Workers platform to include support for NVIDIA GPUs and TensorFlow. Soon you’ll be able to build AI-based applications that run across the Cloudflare network using pre-built or custom models for inference.

JGJohn Graham CummingJohn Graham Cumming·April 13, 2021AI & ML
Engineering — Building A Video Streaming App With Nuxt.js, Node And Express — Smashing Magazine

Building A Video Streaming App With Nuxt.js, Node And Express — Smashing Magazine

Instead of sending the entire video at once, a video is sent as a set of smaller chunks that make up the full video. This explains why videos buffer when watching a video on slow broadband because it only plays the chunks it has received and tries to load more. In this article, Deven Rathore will build a video streaming app using Nuxt.js and Node.js. Specifically, you’ll build a server-side Node.j

DRDeven RathoreDeven Rathore·April 13, 2021Engineering
Engineering — Developer Challenges

Developer Challenges

Developer week is here! Throughout the week we are running a series of Developer Challenges that give you the perfect excuse to play with our new features. See how many of the challenges you can get through.

GGretchenGretchen·April 12, 2021Engineering
Networking — Live stream to multiple platforms with Stream Connect

Live stream to multiple platforms with Stream Connect

We are announcing Stream Connect, a service that enables creators and creator platforms to push RTMPS feeds to the Cloudflare edge and have it restreamed to your audience on popular platforms including Twitch, Facebook, and YouTube.

ZZaidZaid·April 12, 2021Networking
Frontend — A Complete Guide To HTML Email — Smashing Magazine

A Complete Guide To HTML Email — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS generators, SVG generators and accessible front-end components. This time we look into templates and tools for building and designing HTML emails. Don

VFVitaly FriedmanVitaly Friedman·April 12, 2021Frontend
SRE & Ops — Per Origin Host Header Override

Per Origin Host Header Override

Load Balancing as a concept is pretty straightforward. Take an existing infrastructure and route requests to the available origin servers so no single server is overwhelmed. Add in some health monitoring to ensure each server has a heartbeat/pulse so proactive decisions can be made.

CCloudflare·April 9, 2021SRE & Ops
Engineering — Release Radar

Release Radar

The open source community is always hard at work. February’s projects were super hard to pick since there are so many amazing releases. These are exciting new releases from some…

MDMichelle DukeMichelle Duke·April 9, 2021Engineering
Performance — How Shopify Dynamically Routes Storefront Traffic - Shopify

How Shopify Dynamically Routes Storefront Traffic - Shopify

In 2019 we set out to rewrite the Shopify storefront implementation. Our goal was to make it faster. We talked about the strategies we used to achieve that goal in a previous post about optimizing server-side rendering and implementing efficient caching. To build on that post, I’ll go into detail on how the Storefront Renderer team tweaked our load balancers to shift traffic between the legacy sto

SEShopify Engineering·April 9, 2021Performance
Engineering — Jonathon Dixon: Why I joined Cloudflare

Jonathon Dixon: Why I joined Cloudflare

I’m excited to announce that on March 1st, I joined Cloudflare as Vice President and GM, Asia Pacific (including Japan and Greater China) to help build and expand Cloudflare’s growing customer and partner base and presence in the region.

JJonathonJonathon·April 8, 2021Engineering