Bikram Chettri bikramchettri

Linux Server Setup & MERN App Deployment

These are the steps to setup an Ubuntu server from scratch and deploy a MERN app with the PM2 process manager and Nginx. We are using Linode, but you could just as well use a different cloud provider or your own machine or VM.

Create an account at Linode

Click on Create Linode

Choose your server options (OS, region, etc)

SSH Keys

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

MySQL Cheat Sheet

Help with SQL commands to interact with a MySQL database

MySQL Locations

Mac /usr/local/mysql/bin
Windows /Program Files/MySQL/MySQL version/bin
Xampp /xampp/mysql/bin

	// https://piccalil.li/blog/a-modern-css-reset

	/* Box sizing rules */
	*,
	*::before,
	*::after {
	box-sizing: border-box;
	}

	/* Remove default margin */

	<?php
	/**
	* Add data attributes to the query block to describe the block query.
	*
	* @param string $block_content Default query content.
	* @param array $block Parsed block.
	* @return string
	*/
	function query_render_block( $block_content, $block ) {
	if ( 'core/query' === $block['blockName'] ) {

	// https://make.wordpress.org/core/2020/03/02/general-block-editor-api-updates/
	// https://github.com/WordPress/gutenberg/tree/trunk/packages/core-data

	import {
	PanelRow, TextControl,
	} from '@wordpress/components';
	import { useSelect } from '@wordpress/data';
	import { useEntityProp } from '@wordpress/core-data';
	import { PluginDocumentSettingPanel } from '@wordpress/edit-post';
	import { registerPlugin } from '@wordpress/plugins';

	<?php
	/*
	Plugin Name: Fruity Fruit
	Description: An example plugin to test saving multiple meta values.
	*/

	add_action( 'add_meta_boxes_post', 'fruity_fruit_add_meta_boxes' );
	add_action( 'save_post', 'fruity_fruit_save_meta', 10, 2 );

	function fruity_fruit_add_meta_boxes() {

	// set alignment options for cover, video, and paragraph blocks.
	wp.hooks.addFilter(
	'blocks.registerBlockType',
	'hd-theme/hd-theme',
	function( settings, name ) {
	if ( name === 'core/cover' \|\| name === 'core/video' \|\| name === 'core/paragraph' \|\| name === 'core/list' ) {
	return lodash.assign( {}, settings, {
	supports: lodash.assign( {}, settings.supports, {
	// allow support for full and wide alignment.
	align: ['full', 'wide'],

	var restify = require('restify')
	, port = process.env.PORT \|\| 3000
	, Phantom = require('phantom')
	, tmpdir = require('os').tmpdir()
	, fs = require('fs');

	var server = restify.createServer();

	function setResponseHeaders(res, filename) {
	res.header('Content-disposition', 'inline; filename=' + filename);