How to create and publish Google codelabs ?

5 min readApr 10, 2023

Read this post in 2022–2023 and thought this would need some updates. After struggling, I was able to set up my own codelabs for my technical workshop. For the most part, the above mentioned works. However, I had found a few tips and tricks to make this work. Finally, you can host it as a static page.

1. Set up

Software Installation

Go language
Node.js v12 and npm
claat (open source command line tool maintained by Google)

Set Path

After you install Go, add the following to your .zshrc:

## not required if you’re only using Go modules 
export GOPATH=$HOME/go
export GOROOT=/usr/local/go

## required 
export PATH=$PATH:$HOME/go/bin

Verify installation

# go is installed?
go version

# claat is installed? 
claat help# nodeis installed?
node --version

Download Codelabs

Go to https://github.com/googlecodelabs/tools, download this folder.

cd into the site folder and install all the dependencies:

## navigate to folder
cd site/