Deploying A React app on GitHub Pages

GitHub offers more than just a host for your code. In this short tutorial, I will walk you through deploying a static react app/project on GitHub Pages. I will be using one of my React projects from GitHub: %[https://github.com/achingachris/myRepos] A programmer’s learning tool is by practicing –I said that… Let’s Get Started: This tutorial assumes you already have your react project setup and ready to deploy Step 1: Install the Dependencies (gh-pages): I use npm for my projects, so while in your project root directory, open the project on your terminal or cmd (windows). ...

June 9, 2024 · 1 min · Chris Achinga

Git and GitHub SSH Configuration

Installing git Install git from here Choose a selection based on your operating system. For Linux and Ubuntu OS, you may use this alternative: Open your terminal and paste the command below: sudo apt-get install git Ensure you have a GitHub account. If not, create one here Join GitHub. First of all, we’ll configure your details to git. “Assuming your GitHub username is DevAcc, and the email used on GitHub is [email protected]” On your terminal, use the following commands: ...

June 9, 2024 · 2 min · Chris Achinga

GitHub Students Developer Pack

Access the best real-world tools, learning events, and training to shape the next generation of software development, using student benefits from GitHub Education GitHub Education helps students, teachers, and schools access the tools and events they need to shape the next generation of software development. %[https://education.github.com/] Well as a student whose goal/dreams or maybe ambitions are to prosper in the developer zone, GitHub Education offers the bridge to your success using the GitHub Student Developer Pack. Really cool tools available for free of course. ...

June 9, 2024 · 6 min · Chris Achinga

The GitHub CLI (gh repo clone)

The GitHub CLI (gh repo clone) GitHub CLI beta version was released a while ago, and it comes with really cool features. I have been using and interacting with GitHub without necessarily visiting the website, that’s fun right. An alternative to using GitHub CLI is HUB, which was there before GitHub cli was introduced. GitHub CLI is an open-source project, here on GitHub. I had an article before on using GitHub CLI and its commands, so this is kind of like an update because the cli is up on version 1.x.x right now, better to stay on the know/updated. To get the latest releases of the cli https://github.com/cli/cli/releases ...

June 9, 2024 · 2 min · Chris Achinga

Using Github's CLI on Ubuntu & Commands.

gh cli web Working with GitHub has never been boring, as a matter of fact, it’s the best part of the development process on my side. As usual, we use git and other distributed version control systems like Mercurial and many more. I have been using the GitHub cli since February this year, and it is great. So let me show you how I got to use it. I’m on Ubuntu by the way. But I guess the process is the same on other OS, I’ll check it out. ...

June 9, 2024 · 2 min · Chris Achinga

Deploying NextJS on Netlify - Starter Template

Deploying NextJS to production By default, NextJS applications are easily deployable on Vercel with zero configurations. That doesn’t mean you shouldn’t explore what other platforms have to offer. To deploy a NextJS application, simply follow the steps below. If you want to start straight up without the hustle, use the button below: Create a Netlify Account On your browser, go to https://app.netlify.com/signup to create your Netlify account. ...

February 5, 2022 · 2 min · Chris Achinga

GitHub REST API

Most of us use GitHub services frequently if not on a daily basis. If you are a student, GitHub offers student packages with great tools and freebies you could use. Check my article on Github’s Developer Pack for students. In this article, I will take you through using GitHub REST API to display your repos on your portfolio website. I will use postman to test the API. GitHub REST API Documentation. Playing With The API I’ll use postman to show you what the API can offer for your own personal use. For this, I’ll be using the endpoint to fetch a user’s repositories. ...

July 15, 2021 · 3 min · Chris Achinga

Syncing A forked Repo with the Parent Repo on GitHub

A short guide and a practical reference to GitHub Documentation on syncing a repo. It’s kind of an ‘open-source’ hacks For the guide, I’ll be using a repo I forked from FbDevcCommunityContent. From the terminal, I will change my directory to where the project files are: The first step will be to fetch branches and their commits from the upstream, or the parent repository: git fetch upstream After that, ensure that you are at the default repository on your remote repo. In my case, the default branch is master, and so is the upstream. ...

January 1, 2021 · 1 min · Chris Achinga

GitHub's Dark Theme

It’s about time, my favorite website has now a Dark Theme. 2020’s GitHub Universe came in with a lot of new goodies and features for the developers and GitHub users. Of all the new features, the Dark theme on GitHub and the Emoji skin tone really caught my eyes. Here’s a quick guide on how to adjust your appearance settings: Go to the Appearance tab on your GitHub settings: Or quickly use this link https://github.com/settings/appearance - Ensure to be logged in to your account ...

December 9, 2020 · 1 min · Chris Achinga