Bar Horing barhoring

How to deploy a routed React app to gh-pages

Add homepage to package.json "homepage": "https://{user_name}.github.io/{repo_name}/",

Install gh-pages package

npm i gh-pages

Replace all '/' in the app with process.env.PUBLIC_URL

	const originalPushState = window.history.pushState;

	window.history.pushState = function () {
	// Your custom logic here before calling the original pushState

	// Call the original pushState method
	// @ts-ignore
	return originalPushState.apply(window.history, arguments);
	};

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="stylesheet" href="../assets/style.css" />
	<title>Starter Files and Tooling Setup!</title>
	</head>

	<style>

	# run like:
	# LINK=https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/*******/***************/2a-end-flexbox-grid-system.zip
	# sh gitpen.sh $LINK
	# example
	# sh gitpen.sh https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/*******/***************/2a-end-flexbox-grid-system.zip
	#

	MYVAR=$1

	NAME="${MYVAR#http://}"

	<!DOCTYPE html>
	<!-- guest271314 11-12-2017 -->
	<!-- see https://stackoverflow.com/questions/47119426 -->
	<html>

	<head>
	</head>

	<body>
	<script>

	{/*
	LIVE EXAMPLE:
	https://repl.it/@BarHoring/multiple-http#index.js
	*/}

	const axios = require('axios');
	const fs = require('fs');
	const dependencies = [
	"@babel/polyfill",
	"@blueprintjs/select",

	qs = Clinic.objects.prefetch_related('users')
	values = tmp.values()
	for item in values:
	print(item)

	{
	"plugins": ["syntax-dynamic-import"]
	}