www.chrisvogt.me – My Personal Website

This repository contains my personal website and blog, www.chrisvogt.me. The front-end code lives within the theme directory and the blog articles live within the website directory.

Local development

This repository uses Yarn workspaces to separate the theme code from the content.

To install, use Yarn. From the root, do:

yarn

To work on the theme, open the /theme directory in an editor and run the following command to preview the website using localhost.

yarn workspace www.chrisvogt.me develop

I use HTTPS and SSL in my local development environment. A command is available for that, but you'll need to add SSL certificates to /www.chrisvogt.me/certs. I use mkcert to generate self-signed certificates.

After adding www.dev-chrisvogt.me-key.pem and www.dev-chrisvogt.me.pem to your certs directory, use the following command to develop on https://www.dev-chrisvogt.me:8000.

yarn workspace www.chrisvogt.me develop:https

To build the production website, run the following.

yarn workspace www.chrisvogt.me build

The website build will be output to /www.chrisvogt.me/public.

How to test the production build

The production build can be run on your local machine over HTTPS if you generate self-signed certificates, which I did using mkcert. You can use a tool like http-server to serve the build.

http-server -o -S -C ../certs/www.chrisvogt.me.pem -K ../certs/www.chrisvogt.me-key.pem -a www.chrisvogt.me -p 443

Copyright & License

Copyright © 2019-2023 Chris Vogt and released under the MIT license.