Hubert Dworczyński TrebuhD

Handling Multiple Github Accounts on MacOS

The only way I've succeeded so far is to employ SSH.

Assuming you are new to this like me, first I'd like to share with you that your Mac has a SSH config file in a .ssh directory. The config file is where you draw relations of your SSH keys to each GitHub (or Bitbucket) account, and all your SSH keys generated are saved into .ssh directory by default. You can navigate to it by running cd ~/.ssh within your terminal, open the config file with any editor, and it should look something like this:

Host *
 AddKeysToAgent yes

> UseKeyChain yes

How to setup Next.js app on Nginx with letsencrypt

Next.js, Nginx with Reverse proxy, SSL certificate

UPDATE (07/20/2021):
- This process got simplified over the years of this gist being out
- Older version of this gist (without certbot): https://gist.github.com/kocisov/2a9567eb51b83dfef48efce02ef3ab06/33fdd88872a0801bdde58fccce430fa48737ae10
- I would also now recommend deploying to Vercel if you don't need custom server support

1. Install Nginx, Node and certbot

I. General Mistakes

Writing your own home-grown cryptography primitives (For example: Mifare Classic)
- Exception: For the sake of learning, but don't deploy it in production.
Using a fast hash function (e.g. MD5, SHA256) for storing passwords. Use bcrypt instead.
Not using a cryptographically secure random number generator

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Namecheap > Github pages

Pointing your domains to a gh-pages branch requires three steps.

Add the Github IPs as A records on Namecheap.
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153

	axios.interceptors.response.use(function (response) {
	return response;
	}, function (error) {

	const originalRequest = error.config;

	if (error.response.status === 401 && !originalRequest._retry) {

	originalRequest._retry = true;

	// semantic-ui-form.js

	import React from 'react';
	import PropTypes from 'prop-types';
	import { Form, Input } from 'semantic-ui-react';

	export default function semanticFormField ({ input, type, label, placeholder, meta: { touched, error, warning }, as: As = Input, ...props }) {
	function handleChange (e, { value }) {
	return input.onChange(value);
	}

	syntax on
	set ruler " Show the line and column numbers of the cursor.
	set formatoptions+=o " Continue comment marker in new lines.
	set textwidth=0 " Hard-wrap long lines as you type them.
	set modeline " Enable modeline.
	set esckeys " Cursor keys in insert mode.
	set linespace=0 " Set line-spacing to minimum.
	set nojoinspaces " Prevents inserting two spaces after punctuation on a join (J)
	" More natural splits
	set splitbelow " Horizontal split below current.