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

welcome to scotch.io

fun and practical web development tutorials

Get Your JAM on With Gatsby, React, and Netlify

Gatsby is a tool for creating static websites with React. It allows you to pull your data from virtually anywhere: content management systems (CMSs), Markdown files, APIs, and databases. Gatsby leverages GraphQL and webpack to combine your data and React code to generate static files for your web...

Read more

Real-Time Google Search Results API with serpstack

SERP stands for Search Engine Results Page. serpstack is an API that queries the result page of search engines and gives you a clean JSON response. Search engines like Google used to have straight-forward result listing which made scraping them a whole lot easier. Now, there’s videos, i...

Read more

How Buddy Turns DevOps to NoOps the DigitalOcean Way

In 2019, DevOps still remains something of a codeword: a sphere reserved to developers trained in writing complicated scripts for tools only they know how to use. Tools whose purpose is to make your life easier with automation, but somehow: take weeks to configure and launch ...

Read more

Build a chat app with Laravel and Vue

It's been a while since I wrote about Laravel and thought I should do something fun with it. In this tutorial, I will show you how to build a web-based chat application using Laravel and Vue.js quickly. With a simple step by step guide, you will be able to create a system that supports user authe...

Read more

Scotch is Joining DigitalOcean!

I have some big news for the Scotch community. As of today, Scotch is joining the DigitalOcean family! This is a huge deal, and you probably have a ton of questions. In the short version, DigitalOcean is extremely community driven and is committ...

Read more

Web-Scraping Made Easy With ScrapeStack

At a particular point or another, you may want to build a simple bot for scraping website data. For example, on a link sharing website, you may want users to be able to see a meta preview of the what the shared link is about without the user needing to waste time visiting the URL. You fire...

Read more

Build a Star Rating Component for React

Who doesn't love beer? When you drink a great beer you want to tell someone. You definitely want to be able to remind yourself of the great beers you've had. Enter Brewstr, a beer rating application that allows you to enter a beer you're drinking and give it a rating. This way, you know what to g...

Read more

Master VSCode File Editing Multi Cursor Workflows

tl;dr: A couple of years ago, just like you, I was trying to learn all these power user workflows. Today is your lucky day because I am going to teach you how to deal with lines, how to juggle with words, and how to use multiple cursors with...

Read more

What is Vettery?

Vettery is an online hiring marketplace that connects job seekers with over 20,000 companies across the US, Canada, and the UK. With an active profile on Vettery, hiring managers can send interview requests directly to your inbox when your background and preferences match what they’re looking f...

Read more

Testing in Production with Feature Flags

In November of this year, Instagram introduced a new feature to remove likes from your Feed. They chose to roll out this feature gradually and test in production to fully understand the impact of their decision. How do users react? Does it impact the way they use the application? Does it impact t...

Read more

Javascript End-to-End Testing With Testim: Intro With Examples

This post is an introductory guide to JavaScript end-to-end testing, using a tool called Testim. End-to-end testing (or E2E Testing, for short) is one of the many types of automated tests that currently exist for web applications. This type of testing occupies a somewhat peculiar place in the who...

Read more

Build a Meal Ticketing App with GraphQL and Apollo React Hooks

I was at a conference this year and they handed attendees meal tickets for the after-party. It was a super amazing conference and I loved meeting everyone there, but dang... I forgot my meal ticket at the hotel and was starving while everyone else ate at the after-party! They served good looking ...

Read more

Five Steps to an Awesome Data Model in Apache Cassandra™

Congratulations, you're starting out on the Cassandra distributed database, a favorite choice among architects and developers for its performance, scalability, continuous uptime, and global data distribution. Whether you plan on using it for ecommerce, IoT, fraud, or anything else, it's importan...

Read more

Building a Location Aware Weather Reporting Widget

In the past, we looked at adding an extra security layer to our applications by using actionable data from the users IP address. Today, we'll build a demo of a simple widget that we can place on our web...

Read more

Why You Can't Return Parallel JSX Elements. The Hack!

The Answer JavaScript as a language doesn’t support multiple return values. In writing React code, your JSX (JavaScript XML) eventually gets transpiled into vanilla JavaScript. When this happens, parallel JSX elements are transpiled into multiple return values which isn’t a feature ...

Read more