NOTE: You must be familiar with the basics of Git before you start.
Codespaces is a GitHub service that provides cloud-based development environments. With Codespaces, you can work on this project without any manual setup on your side.
Codespaces is a premium feature of GitHub, see the pricing calculator. GitHub offers 60 hours every month for free for a 2-core instance per user.
- Go to the main-website repository and fid the
<> Codebutton in the upper-right corner. - Click the
<> Codebutton, a menu will pop up. - Go to the
Codespacestab and clickCreate codespace on main. - A new window with your codespace will open.
NOTE: Make sure to stop your Codespace instance once you're done working.__
cs-start is a script in the root of the repository for starting the main-website server. The script configures hugo in a way that allows you to use preview features while working in a codespace.
-
Run the script from your codespace terminal:
./cs-start -
Go to
PORTSand click the link to open a preview of the website.
We use topic branch workflow in all of our repositories.
-
From the terminal:
git switch -c <name-of-your-branch> -
In GUI:
-
Select and hold
Ctrl+Shift+gor clickSource control -
Click the ellipsis (...) ->
Branch->Create Branch -
Type the name of your branch.
You can now work on your changes as if in a regular IDE.
Codespaces are based on Microsoft Visual Studio Code, so many tips for VS Code are applicable to Codespaces.
See the Codespaces official documentation for a comprehensive overview of features such as Colaborative editing.
- From the terminal:
git add <filename>
git commit -m "My descriptive and useful commit message"
git push origin <name-of-your-branch>
- In the GUI:
- In the Activity Bar, click
Source Control. - Click
+next to the files you have changed. - Type a commit message that meaingfully decribes your change in the text box.
- Click
↓in theCommitbutton - Select
Commit & Pushfrom the dropdown menu.
- In the Activity Bar, click
See the Opening a pull request in Codespaces.
-
Open Codespaces.
-
Click the ellipsis (...) next to your codespace.
-
Click
Stop codespace.




