TTB2020 Virtual

Contribute Guide

Gatsby

Some useful links:

Set up your environment: https://www.gatsbyjs.org/tutorial/part-zero/
Creating layout components: https://www.gatsbyjs.org/tutorial/part-three/#creating-layout-components
Carousel in React: https://www.npmjs.com/package/react-responsive-carousel
Optimized images in Gatsby (So our website will be loaded super fast!): https://www.gatsbyjs.org/packages/gatsby-image/
GraphQL in Gatsby: https://www.gatsbyjs.org/docs/graphql-api/

Before working:

pull from master
create your new branch
do the coding
git add -A
git commit -m "your commit messages"
git push origin your_branch_name

To test locally

run gatsby develop
go to your localhost:8000

After you've done working

On your own branch, commit and push your code
Open a new pull request

Git worktree How-To

In your terminal, cd to repo
git worktree add -B gh-pages public origin/gh-pages
git worktree is set up!

To deploy more code in the future

do the code
git push etc -- push your stuff first
gatsby build -- this builds into the public folder
cd public -- this will direct you to gh-pages
git add -A, git commit -m "your commit messages", git push etc -- push your changes