Venkatesh venkatesh87

How we incorporate next and cloudfront (2018-04-21)

Feel free to contact me at [email protected] or tweet at me @statisticsftw

This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps!

It assumes some knowledge of AWS.

People

Dropbox: Store all the things (including my 1Password database needed next)
1Password: The best password manager (Need this early so that I can enter passwords for the rest of the stuff below)

	# Mac setup script
	# By Sam Lester
	# Based on https://gist.github.com/codeinthehole/26b37efa67041e1307db

	# Usage:
	# - Install Xcode Command Line Tools using "xcode-select --install"
	# - Run "sh ./mac-setup.sh"
	# - Run installers for apps that have them (Adobe Creative Cloud, Microsoft Office)
	# - Install apps that aren't on cask (Todoist, Pocket, Magnet, Mactracker, iA Writer, Trello, Keynote)

	let gulp = require('gulp'),
	replace = require('gulp-batch-replace'),
	filesExist = require('files-exist');

	gulp.task('bt4', () =>
	{
	let diff = {

	'@media (min-width: $screen-xs-min) and (max-width: $screen-sm-max)': '@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, xs))',
	'@media (min-width: $screen-xs) and (max-width: ($screen-md-min - 1))': '@media (min-width: map-get($grid-breakpoints, xs)) and (max-width: map-get($grid-breakpoints, md)-1)',

	import React, { PureComponent } from 'react';
	import PropTypes from 'prop-types';
	import { Async } from 'react-select';

	// UI.
	import { withStyles } from 'material-ui/styles';
	import { FormControl } from 'material-ui/Form';
	import { InputLabel } from 'material-ui/Input';