Ryan Warner's Website

https://warner.ryan.codes

Running locally

1. git clone git@github.com:RyanWarner/ryan.warner.codes.git
2. cd ryan.warner.codes
3. npm install
4. npm start

Deployment

Deployment is handled by CircleCI.

Pushing to the branches staging or master will trigger deploys to the staging or production environment, respectively. See .circleci/config.yml to modify deployment steps.

Hosting

The app is hosted on Firebase. You will need user permissions to access the Firebase projects.

• Production project
• Staging project

Generate code with Hygen

To create a new component, run npx hygen component new --name MyComponent

Style

Code style is enforced by ESLint and follows the Standard style guide.

Analytics

Amplitude Analytics is implemented using gatsby-plugin-amplitude-analytics

Tech stack

• Gatsby (React, Webpack, Babel)
• MDX
• Styled Components
• Hosted on Firebase
• Hygen

Todo

• Social share images
• Better styling solution. Theme UI? Styled System?
• Abstract into a Gatsby starter
• Add Storybook
• Add Cypress
• Searchable tags
• Use a form instead of a mailto link
• Add a resume?