https://hugo.curtiscode.dev/tags/fouc/Recent content in fouc on Curtis TimsonHugo -- gohugo.ioen-GBTue, 10 Sep 2019 10:55:00 +0000https://hugo.curtiscode.dev/post/gatsbyjs/add-body-class-gatsbyjs-fouc/Tue, 10 Sep 2019 10:55:00 +0000https://hugo.curtiscode.dev/post/gatsbyjs/add-body-class-gatsbyjs-fouc/Recently I’ve been working on a GatsbyJs project which includes the use of a theme where a body class is used to prevent flashing of unstyled content (FOUC). This post aims to walk you through how to add a “no-js” class to the body server-side with GatsbyJs, and then remove it on client load. What is FOUC? This concept isn’t new and has been around for at least a decade, as Paul Irish’s post shows.