William Penagos fortil

## S3-Static-Sites.md

      
              1 file
            
          
              99 forks
            
          
              58 comments
            
          
              533 stars
            
          
                bradwestfall
                / S3-Static-Sites.md
            
            
              Last active
              April 10, 2024 16:40
            
              
                Use S3 and CloudFront to host Static Single Page Apps (SPAs) with HTTPs and www-redirects. Also covers deployments.
              
          
    S3 Static Sites

⚠ This post is fairly old. I don't keep it up to date. Be sure to see comments where some people have posted updates
What this will cover

Host a static website at S3
Redirect www.website.com to website.com
Website can be an SPA (requiring all requests to return index.html)
Free AWS SSL certs
Deployment with CDN invalidation


## How we use cloudfront and next.js.md

      
              1 file
            
          
              41 forks
            
          
              28 comments
            
          
              226 stars
            
          
                rbalicki2
                / How we use cloudfront and next.js.md
            
            
              Created
              April 21, 2018 20:35
            
          
    How we incorporate next and cloudfront (2018-04-21)


Feel free to contact me at robert.balicki@gmail.com 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.
Goals


## Lazy.tsx
// this is our imaginary package "react-lazy"
import React, { Component, createElement } from 'react';
import { Redirect } from 'react-router-dom';
import { observer } from 'mobx-react';
import { observable } from 'mobx';

/**
 * This is generic module interface. We assume that we can access React components.
 */
export interface FetchedModule {
	// this is our imaginary package "react-lazy"
	import React, { Component, createElement } from 'react';
	import { Redirect } from 'react-router-dom';
	import { observer } from 'mobx-react';
	import { observable } from 'mobx';

	/**
	* This is generic module interface. We assume that we can access React components.
	*/
	export interface FetchedModule {