Hosting on Github

Well do you want to host website for free.

Hosting might cost in most cases but if want to learn web development in initial stages you can host it on GitHub for free.

Github provides a spetial repo <USERNAME>.github.io in which most of the simple port portpolio using HTML and CSS can be deployed directly.

Github Pages is an another way to host websites as siple as an react project can be hosted. In this article i will explain bits and pices you need your site to be up and running.

First include deployment steps in the scripts section of package.json

Add homepage property

"homepage": "https://mallikarjunht.github.io/Portfolio",

Add predeploy and deploy scripts

"scripts": {
    "predeploy": "npm run build", // bulid a deployable package web optimised
    "deploy": "gh-pages -d build", // push build folder to gh-pages
     ...
  }

Deploy your application

npm run deploy

Confirm your site is published

your code is deploied you can acciss it in

<USERNAME>.github.io/<PROJECT_NAME>

hear is my portfolio on github

https://mallikarjunht.github.io/Portfolio/

Referances
Official Documentation

Categories:

Github React

Tags:

Github Portfolio React Tailwindcss

How to build powerful tables in React using the React Table package

Implementing tables using reactjs

Next.js Authentication with Netlify Identity

Difference Between React And Angular. A Comparison Guide For 2021

How to Safely Render Markdown From a React Component

Git commands that you might not have used before.

How to debounce and throttle functions with React hooks

Free TailwindCSS components to build UI faster

Hosting on Github

Categories:

Tags:

Related Posts