Ryan Warner's Website

https://ryan.warner.codes

This repo holds the code for my personal site. This site is a playground. I often try new things, implement half baked ideas, and ignore tech debt. You may find code smells, mistakes, or other issues.

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 production 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

• Dynamic social share images
• Abstract into a Gatsby starter
• Add Storybook
• Searchable tags
• Add a resume