Deploying my portfolio website on Github Pages using Github Actions.

Deploying my portfolio website on Github Pages using Github Actions. I recently deployed my portfolio site and wanted to try out github actions and this is my experience of automating the deployment.

I recently deployed  my portfolio site and wanted to try out github actions and this is my experience of automating the deployment.

This article is more focused on how you can use the GitHub actions and how easy it is to deploy your code to GitHub pages rather than the portfolio site code.So every time you make an update or build to your website ,the changes are automatically reflected and this automated deploying process makes work much faster.

The way GitHub action works is you create actions in your repositories by creating one or more yaml files and these are called workflows.Workflows now can handle build tasks like CI CD. This means you use the action to test your code and push the site to the desired hosting platform (in this case GitHub pages ) when the main branch changes .

First step assuming that you have a GitHub account is to create a repository having your website code in it.Now I have a bootstrap website but in the future I do plan on adding node JS so I already added package.json.

workflow portfolio github github-actions github-pages

Long story short: Jekyll is a template engine changing markdown documents on static HTML webpages, that you can then host anywyere, because you don't need databases or server that has PHP or Python.

Convert Your Jupyter-notebook to Github pages with Github-action. Merge pull request and wait until Github-action makes Github pages.

Deploying a React App Using GitHub Pages and GitHub Actions. This YAML file defines the workflow in GitHub Actions. Build the React app and deploy the contents of the build directory to the gh-pages branch. I’ve used the following command to generate this sample React app.

I am an ML developer and knows very little about web-development, I needed to showcase my skills to the world so I recently made a portfolio for myself in just 2 days. Have a look at it. Do you liked it? Well, you could also make a pretty interactive and beautiful looking portfolio for yourself in a very little amount of time. In this tutorial we would be focusing on learning how to get a starter-template from Gatsby to build a portfolio and hosting it on GitHub Pages so that you can share it with anyone and anywhere easily.

A portfolio is hands down the most effective way for developers to demonstrate their previous experience and achievements. Presenting your body of work in a well-curated manner can play a big role in helping you stand out from other job applicants, and get your potential new employer excited about the skillset you offer.