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!