We're live-coding on Twitch! Join us!

welcome to scotch.io

fun and practical web development tutorials

Add Social Login to Ionic Apps

Apple announced a Sign in with Apple service at its WWDC developer conference in June 2019. If you're familiar with social login with Google or Facebook, it's very similar. Most of these identity services use OAuth and OpenID Connect (OIDC), and Apple's implementation is similar. Today I'...

Read more

Find, fix, and prevent Terraform misconfigurations with Bridgecrew

In this tutorial, you’ll learn how to scan infrastructure-as-code as part of your code review process. Using Terraform, GitHub Actions, and Bridgecrew, we’ll show you how to find, fix, and prevent cloud misconfigurations. ...

Read more

Build Your First Deno App with Authentication

The creator of Node.js, Ryan Dahl has authored a new framework for designing web applications. He went back and fixed some mistakes he made in hindsight, taking advantage of new technologies that were not available at the time he originally wrote Node. The result is D...

Read more

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