Welcome to the tutorial! By the end of this tutorial, this webpage will be yours! Yay!

Before the Workshop⌗

Make sure you have done the following before you arrive. If something doesn’t work, come early and we’ll sort it out.

Planning what you want your page to look like⌗

  1. Find 1-2 webpages of scholars that you like. Consider: What info do they give about themselves? How do they list their publications, interests, etc?

Accounts to create⌗

  1. GitHub — where your website’s code lives
  2. Netlify — where your website gets published
  3. KiloCode - gives you access to agentic AI coding (for free)

Software to install⌗

Attention: if you’re on a MacBook, I suggest first installing Homebrew and then using it to install these things.

  1. VSCodium — your code editor (free, open-source version of VS Code)
  2. Hugo — the tool that will “build” your site. Follow the instructions for your operating system on that page. (Once again, if Mac use the homebrew instructions!)
  3. Git — version control. Follow the instructions for your operating system.
  4. GitHub Desktop — a visual interface for Git. After installing, sign in with your GitHub account.
  5. KiloCode — First, open VSCodium: open VSCodium. Then click the Extensions icon (left sidebar, looks like four squares forming a bigger square) → search “Kilo Code” → Install

Readiness check — do this before the workshop⌗

Go through each item below. If any of them fail, try to solve it a bit before coming to our meetup (e.g. use a search engine or ask UvA AI Chat).

CheckHow to test
VSCodium opensLaunch it — you should see the editor
GitHub Desktop opensLaunch it — you should be logged in to your GitHub account
KiloCode is readyOpen VSCodium → click the robot icon → you should see a chat box and your model selected

Then, using the terminal:

  • Mac: press Cmd + Space, type “Terminal”, press Enter
  • Windows: press the Windows key, type “PowerShell”, press Enter
CheckHow to test
Hugo is installedOpen a terminal and type hugo version — you should see a version number
Git is installedOpen a terminal and type git --version — you should see a version number

If all is good, you’re ready for the workshop! Yay!