Source of andrewpaettie.com Basically just a portfolio site to show some things I've done, but also a place to mess around with new frontend technologies on a whim.
- bootstrapped with create-react-app
- routing with react router 4
- static page snapshot generation via react-snap
- CI/deployment via CircleCI-Github integration
- Hosted via AWS S3, CloudFront, Lambda
Because this site is really static, it was easy to hook up react-snapshot to generate a version of the site which did not require javascript. This is hooked up in the build step of package.json. The only major thing which does not work in the noscript view is the navbar collapsing. This does not work because it is a stateful react component, whose open/closed state is controlled by react.
npm startserves files, and re-compile file that changednpm run lint-fixruns lint on files changed since last git commitnpm run buildbuilds minified version ready for deployment
CI will deploy to http://andrewpaettie.test.com.s3-website-us-east-1.amazonaws.com for any branches except master. For master branch CI will deploy to andrewpaettie.com
It uses the aws cli sync and delete options for the s3 command.
Setting up an email address at admin@andrewpaettie.com was necessary to setup ssl using AWS ACM. There is a lamda at lambda/emailForward/ which forwards emails coming from this domain to a verified gmail.
There is not any automation setup around deploying that,
just zip exports.js, package.json, and node_modules into a file
exports.zip which is uploaded to the already setup AWS lambda.