Johnny's Code Tutorials!

Simple code tutorials and articles for humans. Articles are updated with version upgrades, and questions from readers.

traefikdockerdocker compose

Simple Traefik 2.0 Setup with Docker Compose

Updated: December 15, 2020·10 minute read

Full step-by-step setup. Docker, Docker-compose and Traefik 2.0 work together perfectly for small single server setups.

Read full article

reactnextjsfonts

Adding Google Fonts to Your Next.js App

Updated: August 2, 2020·6 minute read

A good font makes all the difference in the world. I'll show you a couple options on adding Google fonts to your project.

Read full article

stripepayments

Stripe Integration Options

Updated: July 13, 2020·6 minute read

A detailed overview covering all the ways you can integrate with Stripe and the pros and cons of each.

Read full article

reactnextjsenv

Using Environment Variables in Next.js

Updated: July 6, 2020·6 minute read

How to effectively use client-side and server rendered environment variables in Next.js

Read full article

slatemarkdownreactnext.jsAPI

Beginners Guide to Slate, an Extensible Rich Text Editor

Updated: July 3, 2020·8 minute read

Most apps/sites need to accept content from users. This could be in the form of comments, contributions or other posts. Let's cover an easy way to do this.

Read full article

reactnextjstailwind

Setup Next.js and Tailwind Project

Updated: July 3, 2020·5 minute read

A quick tutorial on getting a basic setup of the latest versions of Next.js and Tailwind CSS together

Read full article

cssfontswebfonts

A Developers Guide to Adding Web Fonts

Updated: June 30, 2020·5 minute read

Web fonts can be confusing. I'll break down the key concepts so you understand how to integrate them into your next project.

Read full article