Personal website

This is the second version of my personal website built with Gatsby, Tailwind CSS and MDX.

The project is a constant work in progress, so if you find any bugs, typos or other errors, please feel free to open an issue or a pull request. This project is open source, so you are free to fork and adapt for your own projects (credit would be appreciated).

Setup

To get the website up and running locally, first clone the repo

$ git clone git@github.com:mohatt/website.git

Install dependencies

$ pnpm install

Development

$ pnpm start # Start dev server at localhost:8000
$ pnpm lint # Lint all source code files
$ pnpm lint:js # Lint JS sources
$ pnpm lint:css # Lint CSS sources

Production

$ pnpm clean # (Optional) Clear gatsby cache before build 
$ pnpm build # Generate a fully static production build of the website
$ pnpm serve # Preview the site as it will appear once deployed

Deployment

The website is currently hosted at Firebase Hosting.

Channels

• Staging
  • Domain: mohatt-staging.web.app
  • Branch: development
• Production
  • Domain: mohatt.web.app
  • Branch: production

Workflow

The deployment workflow is fully managed by git and works as follows:

• Direct branch commits or PR merges are built then deployed directly to the branch live channel
• Pull requests are built then deployed to a unique sub-channel under the target branch channel (e.g. some-feature.mohatt.web.app)

For more information, check out .github/workflows directory.

License

MIT