A new website for the OCF. Written in React with Gatsby, uses Chakra UI.

• Node.js 18+ (https://nodejs.org/en/)
• If using an Apple Silicon Mac (M1, M2, etc.), vips is required (can be installed through Homebrew brew install libvips)
• If using Windows, WSL is required (https://learn.microsoft.com/en-us/windows/wsl/install)

# Clone the repository
$ git clone https://github.com/ocf/ocfstatic.git && cd ocfstatic
# Install all of our dependencies
$ corepack enable
$ yarn
# Run dev server (visit http://localhost:8000 to view)
$ yarn develop

# Build
$ yarn build
# Lint
$ yarn lint
# Typecheck
$ yarn typecheck
# Autoformat
$ yarn format

Create a file named .env.development with the following contents:

GATSBY_API_URL=http://localhost:8001 # or whatever port the API is on

This will redirect all API requests to that URL, if you want to revert to the production API just delete the file or comment out the line.

Take a look at the issues, and take your pick!

Remember, you are writing server side rendered code. Don't use browser APIs such as anything on window except in a useEffect hook (and chances are, if you find yourself reaching for those APIs there's a better way of doing it!)