Skip to main content

Deploy Your React App To GitHub Pages



GitHub is not only popular for hosting repositories but also you can host your websites. And it absolutely free. Following are the steps to host your React js App to GitHub.

Steps:

  1. Create a GitHub repository.
  2. Open Terminal (or CMD) on your project folder.
  3. Run these commands: npm run build . A build folder will be created inside your project.
  4. Open package.json using any editor of your choice.
  5. Paste this line of code:
  6. "homepage": "http://<username>.github.io/<myapp>"
  7. Change "username" with your GitHub username and "myapp" with your repository name.
  8. Now the file will look something like this:
  9. Add these lines of code to package.json 
  10. "predeploy": "npm run build",
  11. "deploy": "gh-pages -d build"
  12. Now the file will look something like this: 
  13. Save the file after editing.
  14. Run this command on the terminal (or CMD) npm install --save-dev gh-pages .
  15. Now you should see these lines added to your package.json 

Lastly, run this command: npm run deploy .
That's it! Go to the URL that you have provided on the homepage in package.json file. (http://<username>.github.io/<myapp>).

Now you should see your website - up and running!










Comments

Popular posts from this blog

How To Configure Mail Client From "mobileconfig" File ( iOS )

If you want to configure mail client of your web email address from mobileconfig to your ios device.
Follow the steps: Download the mobileconfig file from your email provider. In my case cPanel Email (->Email Configuration -> Select the email address -> IMAP (application:ios) ->Proceed ).Now you will get mobileconfig.Upload that mobileconfig file to files.fm. And note down generated that link.Open that link from safari your iOS device.Click on the file.Now opens a screen showing the profile. Click install -> Type passcode -> install.Now it will ask for the password of your email address.Done. Now you can use your new email profile for sending and receiving emails.



How To Unsubscribe Channels All From Youtube (Using Console)

Method to mass unsubscribe all channels from YouTube. If you have subscribed many junk channels and you want to remove them all at a time, then here is one easy way to do that. Without installing any extension or softwares.
Simple Method.

Go to your youtube subscription page and Open console. Paste the given code (Here) and press Enter (for mac return)
Done
STEPS IN DETAIL :
Open web browser.Open YouTubeClick on "SUBSCRIPTIONS".Press Option + Command + C (in Mac)or Alt + Ctrl + C (in Windows). now you will get one console tab. On console tab you can type any java script code, that code will be execute on the current web page.Now just past the given code on it. And that's it.         Enjoy your  youtube with new subscriptions.





Please leave some comments to improve our blog.








How To Run Glut And Opengl On Xcode

To run glut and openGL on Xcode follow these steps:Open Xcode > 'Create a new Xcode project' . Navigate to 'macOS' tab and select 'Command Line Tool' > Click ' Next' . Fill your project name and other details > Select 'C++' as language > 'Next' . Choose the project Location .Click on your project name (at the top left corner). Navigate to build Phases > Click add button '+'. Now  one search window will pop up. Search and add 'OpenGL.framework' and 'GLUT.framework'. Now click on the main.cpp file and add this line (header file adding) >
#include <GLUT/glut.h>
Sample code available here.
My GitHub Profile
Now you can start programming on GLUT and openGL :)