Using Finite State Machines to Simplify Frontend User Flow
Creating a concert rather than chaos when orchestrating the state for many elements on a page.
Code Mochi · Practical full-stack development
Build the thing. Ship it without the drama.
Tutorials for developers who want to turn project ideas into working, maintainable software.
idea → build → deployIt shipped!
Selected writing
Ideas worth revisiting.
Read the article
How to use git branches for the organized code base you always wanted
A guide for keeping your code organized and always ready to deploy.
Dockerizing Next.js with Prisma for Production Environments
How to configure your Next.js app with Docker and Prisma from start to finsh
Tools & courses
Go from tutorial to working product
Tools and deep-dive courses shaped by the same practical approach as the blog.
App
Source Compare
Collaboratively version control your images just like your code.
Explore app
Course
End to End React with Prisma 2
Learn to build a fully-featured social RSS reader app with Next.js and Prisma 2.
Explore course
Course
Frontend Serverless with React and GraphQL
A training course for building scalable, production-grade frontend React applications.
Explore courseKeep digging
From the archive
0102030405060708091011121314151617
Next.js Bring Your Own Database with Prisma
How to set up a Next.js application with Prisma and NextAuth
Migrating NextAuth V3 to V4 with Prisma
How to migrate your NextAuth database with Prisma to the latest and greatest
Corona Examiner- open source virus tracking with Gatsby.js
Tracking the spread of a virus between different countries through publicly available data-sets and React.js.
How to add Auth0 to Nextjs- the Ultimate Guide
A definitive guide for adding Auth0 to your Next.js project.
5 Reasons why GraphCMS should be your next backend for MVPs
An overview about why using a backend-as-a-service like GraphCMS is the way to go for MVPs.
Nested GraphQL Mutations with Prisma Photon
Build and configure a Next.js Docker environment for development and production use.
Hot Module Reloading with Next.js Docker development environment in 4 steps
Build and configure a Next.js Docker environment for development and production use.
Developer Bliss- Serverless Fullstack React with Prisma 2 and GraphQL
Achieve coding zen by using zeit now to deploy your own totally serverless graphQL and react application.
Setup RDS for Serverless Zeit Now Deployments
Learn all the steps needed to set up and configure an RDS MySQL server for your production full stack application.
Create a Fullstack Blog App with Next.js, Prisma 2 and Docker- Part III Build the UI
Learn how to build a fullstack blog application from the ground up from the comfort of your docker environment.
Create a Fullstack Blog App with Next.js, Prisma 2 and Docker- Part II Configure the Frontend
Learn how to build a fullstack blog application. In Part II we hook up our frontend to our backend and add a beautiful UI with Ant Design.
Create a Fullstack Blog App with Next.js, Prisma 2 and Docker- Part I Setup the Repo and Configure the Backend
Learn how to build a fullstack blog application. In Part I we set up the project and dockerize our app.
Prisma 2 Sneak Peek
A quick overview of all the exciting new features of Prisma 2 beta including Photon and Lift.
How to add Sitemaps to a React Gatsby Static Site and Google Search Console
A step-by-step guide for adding sitemaps to your Gatsby site and how to submit the sitemap to the Google Search Console.
A Definitive Guide to SEO with a Serverless React Application in 2019
An exhaustive overview of all the ways you can render your React application to make it blazingly fast to load and work with social media scrapers and webcrawlers.
Serverless Gatsby Pipeline with AWS Amplify
A step-by-step guide for setting up and deploying your React Gatsby project using an automated pipeline to a serverless S3 bucket backed by Cloudfront, a global CDN.
How to convert less to styled components
How do you convert less stylesheets to styled components?