🗞️NextJS 9.1.7, SWR: React Hook, EdgeDB, Fauna, 24 A11y, Variable Fonts, CSS Shake, Cluster Maps
Tags: news, nextjs, webdev, a11y
Published: 2020-01-08 14:00:55

---
title: 🗞️NextJS 9.1.7, SWR: React Hook, EdgeDB, Fauna, 24 A11y, Variable Fonts, CSS Shake, Cluster Maps
published: true
date: 2020-01-07 05:00:00 UTC
tags: news, nextjs, webdev, accessibility
canonical_url: https://ajonp.com/blog/aj-s-week-in-web-january-08-2020
series: ajweekinweb
---

{% youtube TXNgr375NI0 %}

# AJ's Week In Web Links

## Australia Crisis Map

[https://google.org/crisismap/australia](https://google.org/crisismap/australia)

## NextJS 9.1.7

[https://nextjs.org/blog/next-9-1-7#react-strict-mode-compliance-and-opt-in](https://nextjs.org/blog/next-9-1-7#react-strict-mode-compliance-and-opt-in)

- [**3% – 8%+ Smaller Client-Side JavaScript Size**](https://nextjs.org/blog/next-9-1-7#3--8-smaller-client-side-javascript-size): We've optimized application output even futher, shaving 7.5kB off hello world applications. More complex applications will show a savings up to 8% or more.
- [**Redesigned Production Build CLI Output**](https://nextjs.org/blog/next-9-1-7#redesigned-production-build-cli-output): The production build output now shows gzipped file sizes in an easier to understand format.
- [**New Built-In Polyfills: fetch(), URL, and Object.assign**](https://nextjs.org/blog/next-9-1-7#new-built-in-polyfills-fetch-url-and-objectassign): Applications can leverage the `fetch()` API, `URL`, and `Object.assign` in legacy browsers without compatibility concerns.
- [**Optimized Page Loading: Better FCP and TTI**](https://nextjs.org/blog/next-9-1-7#optimized-page-loading-better-fcp-and-tti): We've collaborated closely with the Google Chrome team to maximize page loading performance. This results in a much better end-user experience.
- [**Support for the Latest JavaScript Features**](https://nextjs.org/blog/next-9-1-7#support-for-the-latest-javascript-features): We're committed to ensuring you can always use the latest JavaScript features, including [Optional Chaining](https://github.com/tc39/proposal-optional-chaining), [Nullish Coalescing](https://github.com/tc39/proposal-nullish-coalescing), and other stable ES2020 features.
- [**Zero-Config Deployment Support for**](https://nextjs.org/blog/next-9-1-7#zero-config-deployment-support-for-next-export-applications) [**`next export`**](https://nextjs.org/blog/next-9-1-7#zero-config-deployment-support-for-next-export-applications) [**Applications**](https://nextjs.org/blog/next-9-1-7#zero-config-deployment-support-for-next-export-applications): `next export` powered applications can now be deployed to [ZEIT Now](https://zeit.co/home) with zero configuration.
- [**React Strict Mode Compliance and Opt-In**](https://nextjs.org/blog/next-9-1-7#react-strict-mode-compliance-and-opt-in): All of Next.js' client-side runtime is now compatible with React's Strict Mode. We've also added a configuration option to enable this mode for your whole application.
- [**Automated Testing against Nightly React Builds**](https://nextjs.org/blog/next-9-1-7#automated-testing-against-nightly-react-builds): Next.js is automatically tested against [React's next channel](https://reactjs.org/blog/2019/10/22/react-release-channels.html), ensuring compatibility with future releases.

## SWR: React Hook

[https://swr.now.sh/](https://swr.now.sh/)

React Hooks for Remote Data Fetching

## EdgeDB

[https://edgedb.com/](https://edgedb.com/)

EdgeDB combines the simplicity of a NoSQL database with relational model’s powerful querying, strictness, consistency, and performance.

## Fauna

[https://fauna.com/](https://fauna.com/)

**The database built for serverless, featuring native GraphQL**

Add a full-featured global datastore to your apps in minutes. Access effortlessly from the browser and from mobile. Never again worry about data correctness, capacity, redundancy, latency, and availability.

## 24 Accessibility

[http://www.24a11y.com/](http://www.24a11y.com/)

24 days of digital accessibility gifts during the season of giving and sharing

## Variable Fonts

[https://variablefonts.dev/about/](https://variablefonts.dev/about/)

> This project was created by [Mandy Michael](https://twitter.com/@mandy_kerr) to showcase the many possibilities and opportunities that variable fonts can offer developers and designers on the web. The aim is to provide developers with the resources and tools needed to use variable fonts in their own projects.  
>   
> Variable fonts give us more control over our Typography-we can fine-tune the font characteristics to maximise the legibility, readability and overall accessibility of our website text. This is a level of control over our fonts that is unprecedented.  
>   
> Technology, like CSS is always improving, we now have more opportunities than ever to combine, create and present content on the web in more creative, more meaningful and more purposeful ways - and do so in a way that is more performant and more accessible.  
> There has never been a better time to be a developer or designer for the web and variable fonts are just one opportunity to think more creatively for our users.  
>   
> At the very least, we can improve the performance of our websites, but at it’s best, we can make more usable, more accessible, and more meaningful content - and that, is what gets me really excited about the future of web typography and I hope it inspires you to feel the same way!  
>   
> - [https://variablefonts.dev/about/](https://variablefonts.dev/about/)

## CSS Shake

[http://elrumordelaluz.github.io/csshake/](http://elrumordelaluz.github.io/csshake/)

#### Some CSS classes to move your DOM!

## Cluster Maps

[https://cloud.google.com/blog/products/maps-platform/how-cluster-map-markers](https://cloud.google.com/blog/products/maps-platform/how-cluster-map-markers)

## 

##