Navigate back to the homepage

Contributing to UOSC stories

UOSC, Daniel Wu
August 7th, 2021 · 2 min read

Hello :) Daniel from the front-end team here! Today I will be outlining how anyone can write a story for UOSC.

Setting up the space

To keep things consistent, we would like for you to create a new branch using the format s/YYYY-MM-DD-title. For example, the branch for this story will be s/2021-08-07-contributing-to-uosc-stories

1git checkout -b s/2021-08-07-contributing-to-uosc-stories

For those that are curious, the “s” stands for stories, and we name our branches like this at UOSC so we can keep things organized for future reference.

In bigger organizations, some teams and certain repositories may follow strict guidelines to keep things organized with 100s of developers.

Adding yourself as an author

Before creating a story, we have to first add yourself as an author! To do this we need to create a yml file to /content/authors from the root directory. Use the format <username>.yml. Luckily we have a nifty command to do this for us:

1npm run generate author

After providing your full name and username, you can find the created file in /content/authors. Also, feel free to add a profile picture and place it in the /content/authors/avatars folder. It should look something like the example shown below.

1name: Lorem Ipsum
2username: loremipsum
3bio: |
4 Short description about you :)
5avatar: ./avatars/loremipsum.jpg
7 - url:
8 - url:

Additionally, you can add your supporting socials. We currently support the following:

  • Github
  • LinkedIn
  • Twitter
  • Facebook
  • Instagram

Want to suggest more socials? Feel free to let us know at

Feel free to take a look at some authors here.

Generating a story template

In this section, we are going to outline how you can utilize the proper format to generate a story. Since we use gatsby.js there are some custom metadata options we need to add that look something like this:

2title: Contributing to UOSC stories
3author: Daniel Wu, UOSC
4date: 2021-07-25
5hero: ./images/book.jpg
6excerpt: Today I will be outlining how anyone can write a story for uosc

Fortunately, our front-end team have crafted an easy generator for us to use!

1npm run generate story

After providing the author’s username (which we created above!), date, and title, we should find a new created folder with the format YYYY-MM-DD-<title> in content/posts.

Within that folder you will find a file which is where you will write your story! Additionally, if you would like to add photos, simply create an images folder in the same level as

Feel free to take a look at some published stories here.

Publishing your story

Awesome, we are super excited to host your story on UOSC :) Simply commit your changes and push your branch with the message including a story prefix like shown below:

1git commit -m "story: contributing to uosc stories"
2git push -u origin s/2021-08-07-contributing-to-uosc-stories

Off to Github it goes! Now all you have to do is wait for a PR review from one of our members and once merged in, it will automatically be deployed!


My story isn’t showing up in /stories

The .cache is probably interfering with gatsby rebuilding. Try running the following commands:

1npm run clean
2npm run dev

The story should now (hopefully) show up!

More articles from UOSC

How to use Github's GraphQL API with Express.js

GitHub offers a powerful REST based API for developers to get data and integrate

August 21st, 2020 · 2 min read

Keep grinding until someone notices you.

Looking for jobs this summer has been rough for me. I applied to over 200+ SWE Intern positions and am currently 0/4 when giving me an interview. In each case, it seems like I have done well in the white-boarding interviews, with developers actually saying I did an excellent job in the interview.

February 13th, 2020 · 2 min read
General Enquiries
Built with
by the front end team. Powered by ☕.
© 2021 UOSC.