Codespaces

Set up your dev environment in the web!

When developing, we’ve got a couple options. Codespaces is great, because it offloads all the actual computation off to a server, and you’ve only got to edit the code. To start, go to https://github.com, click the hamburger in the top left, and click “Codespaces”.

Now, select “Blank” to create a new empty codespace.

Feel free to customize as you see fit, but before continuing, you must install Hackatime to have your time tracked! Head over to https://hackatime.hackclub.com/my/wakatime_setup, and select MacOS/Linux/Codespaces. Copy this setup script (curl -fsSL ...).

Paste that script into your terminal,and you’ll get an interactive setup. It should look something like the below:

Note: At this point, you’ll be ready to take on any guide! The next few steps are only if you’re coming from workshop slides.

Now, run the following command to install bun: curl -fsSL https://bun.com/install | bash. You’ll now have to reload your window for bun to become available as a command.

You’ll also need to log in to Wrangler. Run this command in your terminal: curl -fsSL https://raspapi.hackclub.com/wrangler.sh | bash and follow the steps. You’ll log in to Cloudflare, copy the URL, and paste it back in.

Now you’re ready to get going! Head back on over to the slides.