Aarif's Portfolio

This is and introduction post about this blog, what technologies are bring used to develop and publish this blog.
This blog is developed using Gatsby a react-based framework. It uses MDX to support markdown for blog content, simply write markdown and get your blog posts out.
It has CI integrated (Travis) to deploy the changes made to a github pages site. As soon as you push something on master branch travis calls the deploy script added in packages.json
It runs
gatsby build
Gatsby generates production ready optimized static HTML (source)
and utilized gh-pages packages to build the content ready for a github pages site, it runs
gh-pages -d public -r <repo-url>
-d argument specifies the target directory for gh-pages output and -r specifies the repo to push the output content in. For my case I've generated a GitHub Token (it's stored in travis secrets to get swapped while running the job) and specified it as part of the URL so this script can push the output content to my github pages repository every time I push something to master branch and want it get published automatically.