Below explain details for those want to contribute to this repository.
If you interested to contribute to React KL in other ways, refer to this guide.
To create a new page in this site, there are two options:
- write React components in
src/pages
folder. This is Gatsby JS default behavior. - write MDX in
src/contents
folder. This is a custom behavior of this site.- add frontmatter to your mdx, at least the title is required.
- file name will be used as the url of the page, e.g.
code-of-conduct.mdx
will be available at url/code-of-conduct
. - the contents will be rendered with
NoteTemplate
component.
To run the site locally,
-
clone the repository
-
install all dependencies
yarn
-
start
yarn start
If the features you're developing involves gatsby-source-twitter
, you need to add additional 3 keys in a .env.development
file (placed next to package.json
):
TWITTER_BEARER_TOKEN=<Twitter_Bearer_Token>
TWITTER_CONSUMER_KEY=<Twitter_Consumer_Key>
TWITTER_CONSUMER_SECRET=<Twitter_Consumer_Secret>
To generate the twitter tokens, you have to create an App on developer and then create a bearer token to use application authentication.
Currently we host the meetup photos in a s3 bucket, and it requires AWS credentials to access them. Therefore if you build locally, no meetup photos will be visible but they will be shown in Netlify preview. If you need to preview the photos, request the following details from me and add them to .env.development
file.
AWS_ACCESS_KEY=<Aws_Access_Key_Id>
AWS_SECRET_ACCESS=<Aws-Secret_Access_Key>