TailwindCSS is a popular utility-first CSS framework which has first-class support in Next.JS. I’ve seen some really crazy configurations scattered throughout Github and Reddit that are completely unnecessary. Here’s a simple way to add TailwindCSS to your Next.JS apps.
Over the last 6-months I’ve taken a half-dozen or so courses on LinkedIn Learning, read a couple of books, and spent countless hours taking photos trying to level up my skills as a very amateur photographer.
For me, the technical side of photography is a lot of fun; so when I’m admiring people’s work, I love to look at the technical details behind a photograph. Such as, aperture, ISO, and shutter speed (also known as the exposure triangle) as a beginner, these details are just as interesting as the photo itself.
The standard for saving all kinds of technical details inside a JPG image is called, “Exchangeable Image File Format” — or EXIF for short. I’ll show you how to quickly display some of those details using a WordPress shortcode.
For me, Next.js has the perfect amount of abstraction…somewhere between Create React App and Gatsby. You don’t have to know Webpack or routing, but you’re also not locked into an opinionated way of doing React things alongside Node.
Next.js just blends into the background, so you can focus on building components and ship a static (or SSR) website in no time.
Anyway, there are a bunch of other Reddit image websites and apps out there, but I’ve always wanted to create my own. Here goes…
SWR is an awesome React Hook library for remote data fetching, maintained by the team at Vercel. SWR stands for “stale-while-revalidating“, which means, SWR will attempt to load cached data (stale) first, and then fetch new data (revalidate) in the background.
I built a repo with some simple examples, check it out on Github!
In around 15 you could migrate your WordPress blog to the JAMStack Before you jump in, you’re going to need a few things:
As I continue to explore Docker, this post will serve as my notes.