NEXT.JS 10 // AWS AMPLIFY CLI // DATASTAX STARGATE APIs

I’ve deployed some personally exciting ML-powered demos recently, but until now nothing personally essential: an app to help translate these growing piles of bootleg comic books.

NEXT.JS 10 // AWS AMPLIFY CLI // DATASTAX DOCUMENT API

NEXT.JS 10 // REACT-QUERY // AXIOS // DATASTAX DOCUMENT API

To follow along with this demo, initialize a free Cassandra database at DataStax, whose super-simple new Documents API we’ll be using for our backend. Make note of your username, password, cluster/database ID, region, and namespace. Init a new Next.js app and install these extra dependencies:

npm install axios axios-auth-refresh react-query react-query-devtools sass

I was looking for a clean, reusable React hooks-based approach for all my endpoints, something lighter than the full Apollo Client suite–maybe just a pattern or two, some smart but minimal approach to all my JSON traffic.

1. CACHE YOUR DATA WITH A REVALIDATION LIBRARY

React Query more than fit the bill: a low-carb request wrapper…

You may have heard of Mexico’s strange, alt-canonical Hombre Araña comics of the 1970s, but I’ll bet you didn’t know that, during the very same decade, Indonesian comic stalls were packed with off-model Spider-Clones of their own. Take a good look at the line-up below. Do any of these two dozen Spider-artist pairings look familiar?