How to deploy a create react app to Github pages

1. Add homepage

Open your package.json file present inside your react app and add homepage property.

"homepage":"https://yourusername.github.io/repository-name"

replace the above url with your github username and repository name.


2. Install gh-pages

Next, we need to install a package called gh-pages.

npm install --save-dev gh-pages

3. Deploy script

It’s time to add a deploy script commands in our package.json file.

"scripts":{
 "predeploy": "npm run build",
 "deploy": "gh-pages -d build",
}

Now in your terminal run npm run deploy

4. Setup source to gh-pages branch.

Once you successfully deployed open your GitHub code repository and click on settings tab if you scroll down you can see a GitHub Pages then choose a branch to gh-pages.

react app ghpages setup

That’s it now you can see your react app URL like in the above image.

Add Page Template Column on Admin Page Table

/*
 * Add Page Template Column on Admin Page Table
 */
function asiq_page_column_views( $defaults ) {
	$defaults['page-layout'] = __( 'Template' );
	
	return $defaults;
}

add_filter( 'manage_pages_columns', 'asiq_page_column_views' );

function asiq_page_custom_column_views( $column_name, $id ) {
	if ( $column_name === 'page-layout' ) {
		$set_template = get_post_meta( get_the_ID(), '_wp_page_template', true );
		if ( $set_template == 'default' ) {
			echo 'Default';
		}
		$templates = get_page_templates();
		ksort( $templates );
		foreach ( array_keys( $templates ) as $template ) {
			if ( $set_template == $templates[ $template ] ) {
				echo $template;
			}
		}
	}
}

add_action( 'manage_pages_custom_column', 'asiq_page_custom_column_views', 5, 2 );

নাবিক মন কূল ফিরে পাবে

এই ভুলের হিসাব মোর জানি মিলে যাবে,
আর আমার নাবিক মন কূল ফিরে পাবে, 
তাই আগের মতন আমি বুকভরা প্রেম নিয়ে আসি………