Dionicio Diaz dioniciodiaz

Node.js Deployment

Steps to deploy a Node.js app to DigitalOcean using PM2, NGINX as a reverse proxy and an SSL from LetsEncrypt

1. Sign up for Digital Ocean

If you use the referal link below, you get $10 free (1 or 2 months) https://m.do.co/c/5424d440c63a

2. Create a droplet and log in via ssh

I will be using the root user, but would suggest creating a new user

VSCode Shortcuts

List of helpful shortcuts for faster coding

If you have any other helpful shortcuts, feel free to add in the comments of this gist :)

Official List of all commands

Windows
Mac

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes

2019 update: this essay has been updated on my personal site, together with a followup on how to get started

2020 update: I'm now writing a book with updated versions of all these essays and 35 other chapters!!!!

1. Learn in public

If there's a golden rule, it's this one, so I put it first. All the other rules are more or less elaborations of this rule #1.

You already know that you will never be done learning. But most people "learn in private", and lurk. They consume content without creating any themselves. Again, that's fine, but we're here to talk about being in the top quintile. What you do here is to have a habit of creating learning exhaust. Write blogs and tutorials and cheatsheets. Speak at meetups and conferences. Ask and answer things on Stackoverflow or Reddit. (Avoid the walled gardens like Slack and Discourse, they're not public). Make Youtube videos

Docker Commands, Help & Tips

Show commands & management commands

$ docker

Docker version info

Free Programming Ebooks - O'Reilly Media

	const FakeComponent = () => {
	return (
	<AnimatedRoutes exitBeforeEnter initial={false}>
	<RouteTransition exact path="/some-route">
	<NewUsers />
	</RouteTransition>
	<RouteTransition exact path="/yo" >
	<Users />
	</RouteTransition>
	</AnimatedRoutes>

	/*
	CMD Hyper-Cmder
	*/
	// Future versions of Hyper may add additional config options,
	// which will not automatically be merged into this file.
	// See https://hyper.is#cfg for all currently supported options.

	module.exports = {
	config: {
	// Choose either "stable" for receiving highly polished,

	<template>
	<div :id="uppyId">
	<div class="ThumbnailContainer" v-if="collection === 'thumbnail'">
	<button id="open-thumbnail-modal" class="button">Select file</button>

	</div>
	<div class="DashboardContainer" v-else></div>
	</div>
	</template>