We're live-coding on Twitch! Join us! FREE Webinar: Should I use React or Vue?

welcome to scotch.io

fun and practical web development tutorials

JWT vs Opaque Access Tokens: Use Both With Spring Boot

The topic of validating an OAuth 2.0 access tokens comes up frequently on the Okta developer blog. Often we talk about how to validate JSON Web Token (JWT) based access tokens; however, this is NOT part of the OAuth 2.0 specification. JWTs are so commonly used that Spring Security supported them ...

Read more

gatsby-image w/ Support for PWA and Dark Mode

Building responsive web apps involves the cumbersome task of adding media queries in CSS. Thanks to the rapid advancements in CSS and CSS-in-JS libraries, web responsiveness is only a few lines of code away. This three-part series explains how to use the ...

Read more

How to Write a Technical Tutorial - Announcing a New Book on Writing for Developers

Writing for Software Developers, a new book by Philip Kiely, teaches you everything that you need to know about creating outstanding technical content. It gives step-by-step guidance on the craft and the business of creating technical tutorials...

Read more

Serving Remote Optimized Images w/ gatsby-image w/o GraphQL

Part 1 of this series chronicles the process of using remote images from Cloudinary in GatsbyJS projects through GraphQL queries. Here in part 2, you’ll learn how to — Leverage remote images s...

Read more

React + Docker with Security in 10 Minutes

You've built a React app, but now you need to deploy it. What do you do? First, it's probably best to choose a cloud provider as they're typically low-cost and easy to deploy to. Most cloud providers offer a way to deploy a static site. A built React app is just JavaScript, HTML, and CSS. ...

Read more

Serving Remote Optimized Images w/ gatsby-image

Even though a picture is worth a thousand words, as the English adage goes, it costs a pretty penny to store and deliver images online. Hence the common goal of many modern web-development tools to minimize the impact of images and other media assets on site performance. This post, part 1 ...

Read more

Make a Stellar React + NASA App in 10 Minutes

One of the most stellar open API's out there is the NASA Astronomy Picture of the Day. In today's article, we are going to mess around with that API and build an application that displays the photo of the day, the title of that photo, the cur...

Read more

Airtable API Tutorial with cURL and JavaScript

If you're looking for a quick and easy way to persist your application data, look no further than Airtable. Airtable is basically an excel sheet like database that has tons of flexibility and a GUI for inspecting/creating data. I've used Airtable as the DB for a few of my demo apps recentl...

Read more

Deploying Laravel to DigitalOcean

In this tutorial, I’ll be showing you how to deploy a Laravel application to DigitalOcean. For the purpose of this tutorial, I have created a demo Laravel application, which...

Read more

Feature Flagging in your React Native App in 5 minutes

CloudBees Rollout is an advanced feature flagging solution that lets your development teams quickly build and deploy applications without compromising on safety. By providing a gradual release mechanism and a simple way to define target audiences, ...

Read more

VS Code April Update is Out w/ Faster Syntax Highlighting

It's incredible what VS Code is able to do from month to month. The dev team has consistently put out features and updates every month. We've got 1.45 out this month with some nice additions. Add this update to the announcement of ...

Read more

Deep Dive into CSS Grid

Introduction This is the advanced version of the introductory tutorial on Grid I previously published, here, on Scotch. If you are new to Grid, be sure to check it out first. This tutorial will dive dee...

Read more

GitHub Codespaces lets you use VS Code on GitHub.com

Last week, Microsoft announced Visual Studio Codespaces. I had a sneaking suspicion this sort of stuff would lead into integration with GitHub, but I never in my wildest dreams figured it would happen ...

Read more

Formatting Strings with JavaScript padStart() and padEnd()

A few days ago, I was working on building a countdown timer in JavaScript, and I needed to format my seconds and milliseconds. I wanted the seconds to always be a length of 2 digits and the milliseconds to always be a length of 3 digits. In other words I wanted 1 second to display as...

Read more

Creating a Custom API with Strapi - A Node Headless CMS

Strapi is an amazing tool that lets us build our backends without writing a line of code. It comes with an API out of the box. I would use Strapi as a Headless CMS because it allows for flexibility in content types. We could build a custom app whereas other CMSs are geared tow...

Read more