Kostas Kapenekakis ultim8k

node.js + nginx + ssl configuration for local development

TBC

Quotes

"The secret to happiness is freedom. And the secret to freedom is courage." -- Thucydides

"The only true law is that which leads to freedom. There is no other." -- *Richard Bach, Jonathan Livingston Seagull

"If people aren't laughing at your dreams, your dreams aren't big enough." -- Grayson Marshall

"Fear is temporary. Regret is permanent" -- Dan Skinner

Serve assets from AWS S3 + Cloudfront

Enabling CORS

S3 bucket setup

Go to your s3 bucket and go to Permissions and then CORS configuration. You can edit and paste the following snippet after replacing __PRODUCTION_DOMAIN__ and __LOCAL_DOMAIN__ with the real domains.

	import React from 'react';
	import { isObject } from 'lodash';

	export class Foo extends React.Component {
	recursiveCloneChildren(children) {
	return React.Children.map(children, child => {
	if(!isObject(child)) return child;
	var childProps = {someNew: "propToAdd"};
	childProps.children = this.recursiveCloneChildren(child.props.children);
	return React.cloneElement(child, childProps);

	/**
	* Carousel missing left border
	* Owl carousel removes the container element's left border to avoid having double borders on the left.
	*/

	/* Force parent element to show left border */
	.owl-carousel {
	border-left: 1px solid #e3e3e3 !important;
	}

	/**
	*
	* Generate screenshot and pdf from webpage
	*
	* Read more here:
	* https://medium.com/@dschnr/using-headless-chrome-as-an-automated-screenshot-tool-4b07dffba79a
	* https://github.com/GoogleChrome/puppeteer
	*
	*/

	// Voila the all new JS fetch
	fetch('https://bloody-data-json-url', {
	method: 'GET',
	// Ask API to respond with json
	headers: new Headers({
	'Content-Type': 'application/json'
	}),
	mode: 'cors',
	cache: 'default'
	})

	<a target="_blank" rel="noopener noreferrer" href="...">user safe link</a>

	<script>
	// New window that leads user generated links shouldn't have access to previous window object.
	var nw = window.open();
	nw.opener = null;
	</script>