webface

Gist to support https://www.youtube.com/watch?v=vMlUVDcriww

Documentation

• https://github.com/GoogleContainerTools/kaniko
• https://docs.cloudbees.com/docs/cloudbees-ci/latest/cloud-admin-guide/using-kaniko

kubectl command

• kubectl create secret docker-registry docker-credentials --docker-username=[userid] --docker-password=[Docker Hub access token] --docker-email=[user email address] --namespace jenkins

webface

1. Install (TinyMCE 5.x)

npm install --save tinymce @tinymce/tinymce-react copy-webpack-plugin

2. Copy static files(tinymce skins) to public folder. Edit file next.config.js

const path = require('path');
const webpack = require('webpack');
const CopyPlugin = require('copy-webpack-plugin');

webface

{# Let folks know this wasn't a manual configuration #}
# This configuration file was generated with mechanic.

{% macro server(site, settings, options) %}

  include "{{ settings.overrides }}/{{ site.shortname }}/top";

  server {

    gzip on;

webface

import React from 'react';
import LoginForm from './components/login/LoginForm';
import { Router, Switch, Route } from 'react-router-dom';
import { createBrowserHistory } from 'history';
import AuthenticatedRoute from './authentication/AuthenticatedRoute';
import Desk from './components/desk/Desk';

export const App = () => {
  const logout = () => Meteor.logout();
  const history = createBrowserHistory();

webface

Deploying a Meteor app to Digital Ocean

Table of Contents

1. Create an SSH Key
2. Create a Digital Ocean account and droplet
3. Connect to your server with SSH
4. Create a new user and disable root access
5. Give your new user sudo privileges and add SSH keys to his/her account
6. Disable remote access to root account

webface

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

webface

import {useState} from 'react';

const useRequestHandler = () => {
    const [isLoading, setLoading] = useState(false);
    const [hasError, setError] = useState(false);
    const [data, setData] = useState(null);

    const handleRequest = (request) => {
        setLoading(true);
        setError(false);

webface

import {useState} from 'react';

const useRequestHandler = () => {
    const [isLoading, setLoading] = useState(false);
    const [hasError, setError] = useState(false);
    const [data, setData] = useState(null);

    const handleRequest = (request) => {
        setLoading(true);
        setError(false);

webface

/* *******************************************************************************************
 * THE UPDATED VERSION IS AVAILABLE AT
 * https://github.com/LeCoupa/awesome-cheatsheets
 * ******************************************************************************************* */


// 0. Synopsis.
// http://nodejs.org/api/synopsis.html

webface

var MongoClient = require('mongodb').MongoClient

//
//  config
//

var mongoPort    = '27017'
var mongoHost    = 'localhost'

var dbName       = 'dbName'