FREE Webinar: Should I use React or Vue?

welcome to scotch.io

fun and practical web development tutorials

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

Tailwind Opacity Utility Classes

Tailwind 1.4 just got released and with it comes three really cool things: Color opacity utlities ...

Read more

Deploying AdonisJs 5 to DigitalOcean

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

Read more

How to (Not) Code a SaaS in 2020

Coding a SaaS in 2020 is much different than coding a SaaS 10 years ago. Developers have had a great rush of incredible tools in the past decade to help us build and grow our businesses. While there are more tools than ever, that abundance brings about the question of "which tools should I...

Read more

Getting Started with Sanity.io - A Headless CMS You Can Customize

If you're looking for a headless CMS with amazing features and tons of customization, look no further than Sanity.io. I recently migrated my personal site from embedded Markdown files to Sanity, and it's been a great experience so far. So, I figured I would s...

Read more