mohatt / website

Codebase for my personal website

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 [email protected]: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

website's Issues

Action Required: Fix Renovate Configuration

There is an error with this repository's Renovate configuration that needs to be fixed. As a precaution, Renovate will stop PRs until it is resolved.

Location: package.json
Error type: The renovate configuration file contains some invalid settings
Message: Configuration option 'packageRules[2].node' should be a json object, Invalid configuration option: author, Invalid configuration option: browserslist, Invalid configuration option: bugs, Invalid configuration option: homepage, Invalid configuration option: keywords, Invalid configuration option: license, Invalid configuration option: name, Invalid configuration option: packageRules[0].@mdx-js/mdx, Invalid configuration option: packageRules[0].@mdx-js/react, Invalid configuration option: packageRules[0].@tailwindcss/typography, Invalid configuration option: packageRules[0].autoprefixer, Invalid configuration option: packageRules[0].classnames, Invalid configuration option: packageRules[0].gatsby, Invalid configuration option: packageRules[0].gatsby-plugin-advanced-pages, Invalid configuration option: packageRules[0].gatsby-plugin-catch-links, Invalid configuration option: packageRules[0].gatsby-plugin-graphql-config, Invalid configuration option: packageRules[0].gatsby-plugin-manifest, Invalid configuration option: packageRules[0].gatsby-plugin-mdx, Invalid configuration option: packageRules[0].gatsby-plugin-postbuild, Invalid configuration option: packageRules[0].gatsby-plugin-postcss, Invalid configuration option: packageRules[0].gatsby-plugin-preload-fonts, Invalid configuration option: packageRules[0].gatsby-plugin-react-helmet, Invalid configuration option: packageRules[0].gatsby-plugin-sharp, Invalid configuration option: packageRules[0].gatsby-plugin-sitemap, Invalid configuration option: packageRules[0].gatsby-remark-images, Invalid configuration option: packageRules[0].gatsby-remark-prismjs, Invalid configuration option: packageRules[0].gatsby-remark-smartypants, Invalid configuration option: packageRules[0].gatsby-source-filesystem, Invalid configuration option: packageRules[0].gatsby-transformer-sharp, Invalid configuration option: packageRules[0].gatsby-transformer-yaml, Invalid configuration option: packageRules[0].lodash, Invalid configuration option: packageRules[0].moment, Invalid configuration option: packageRules[0].postcss, Invalid configuration option: packageRules[0].postcss-import, Invalid configuration option: packageRules[0].postcss-preset-env, Invalid configuration option: packageRules[0].postcss-url, Invalid configuration option: packageRules[0].prismjs, Invalid configuration option: packageRules[0].react, Invalid configuration option: packageRules[0].react-dom, Invalid configuration option: packageRules[0].react-helmet, Invalid configuration option: packageRules[0].tailwindcss, Invalid configuration option: packageRules[1].@mohatt/eslint-config-gatsby-standard, Invalid configuration option: packageRules[1].@types/tailwindcss, Invalid configuration option: packageRules[1].eslint, Invalid configuration option: packageRules[1].prettier, Invalid configuration option: packageRules[1].simple-icons, Invalid configuration option: packageRules[1].stylelint, Invalid configuration option: packageRules[1].stylelint-config-standard, Invalid configuration option: packageRules[1].webpack-bundle-analyzer, Invalid configuration option: packageRules[2].pnpm, Invalid configuration option: pnpm, Invalid configuration option: private, Invalid configuration option: renovate, Invalid configuration option: scripts, Invalid configuration option: sideEffects, Invalid configuration option: version, The "node" object can only be configured at the top level of a config but was found inside "packageRules[2]"

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Warning

These dependencies are deprecated:

Datasource	Name	Replacement PR?
npm	@types/tailwindcss
npm	gatsby-plugin-graphql-config

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• fix(deps): update dependency gatsby-plugin-react-helmet-async to v1.2.3
• fix(deps): update dependency postcss-preset-env to v6.7.2
• chore(deps): update pnpm/action-setup action to v2.4.1
• fix(deps): update dependency clsx to v1.2.1
• fix(deps): update dependency postcss-import to v14.1.0
• fix(deps): update dependency react-helmet-async to v1.3.0
• chore(deps): update actions/cache action to v4
• chore(deps): update actions/checkout action to v4
• chore(deps): update actions/setup-node action to v4
• chore(deps): update dependency eslint to v9
• chore(deps): update dependency prettier to v3
• chore(deps): update dependency simple-icons to v13
• chore(deps): update dependency stylelint to v16
• chore(deps): update dependency stylelint-config-standard to v36
• chore(deps): update dependency ubuntu to v22
• chore(deps): update github artifact actions to v4 (major) (actions/download-artifact, actions/upload-artifact)
• chore(deps): update pnpm/action-setup action to v4
• fix(deps): update dependency clsx to v2
• fix(deps): update dependency postcss-import to v16
• fix(deps): update dependency postcss-preset-env to v10
• fix(deps): update dependency react-helmet-async to v2
• fix(deps): update dependency tailwindcss to v3 (tailwindcss, @types/tailwindcss)
• fix(deps): update mdx monorepo to v3 (major) (@mdx-js/mdx, @mdx-js/react)
• fix(deps): update react monorepo to v18 (major) (react, react-dom)
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• fix(deps): update dependency tailwindcss to v2.2.19 (tailwindcss, @types/tailwindcss)
• chore(deps): update dependency simple-icons to v5.24.0

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• fix(deps): update dependency gatsby-plugin-mdx to v2.14.1 [security]
• fix(deps): update dependency postcss to v8.4.31 [security]
• fix(deps): update dependency gatsby to v4 [security]
• fix(deps): update dependency gatsby-plugin-sharp to v4 [security]
• chore(deps): update dependency prettier to v2.8.8
• chore(deps): update dependency webpack-bundle-analyzer to v4.10.2
• fix(deps): update dependency autoprefixer to v10.4.20
• fix(deps): update gatsby monorepo (gatsby-plugin-graphql-config, gatsby-plugin-image, gatsby-plugin-manifest, gatsby-plugin-postcss, gatsby-plugin-preload-fonts, gatsby-plugin-sitemap, gatsby-remark-smartypants, gatsby-source-filesystem, gatsby-transformer-sharp, gatsby-transformer-yaml)
• fix(deps): update gatsby monorepo (major) (gatsby-plugin-graphql-config, gatsby-plugin-image, gatsby-plugin-manifest, gatsby-plugin-postcss, gatsby-plugin-preload-fonts, gatsby-plugin-sitemap, gatsby-remark-smartypants, gatsby-source-filesystem, gatsby-transformer-sharp, gatsby-transformer-yaml)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/maintenance.yml

• actions/checkout v2
• FirebaseExtended/action-hosting-deploy v0
• ubuntu 20.04

.github/workflows/production.yml

• actions/checkout v2
• actions/setup-node v2
• actions/cache v2
• pnpm/action-setup v2.0.1
• actions/upload-artifact v2
• actions/download-artifact v2
• FirebaseExtended/action-hosting-deploy v0

.github/workflows/staging.yml

• actions/checkout v2
• actions/setup-node v2
• actions/cache v2
• pnpm/action-setup v2.0.1
• actions/upload-artifact v2
• actions/download-artifact v2
• FirebaseExtended/action-hosting-deploy v0

npm

package.json

• @mdx-js/mdx 1.6.22
• @mdx-js/react 1.6.22
• autoprefixer 10.3.3
• clsx 1.1.1
• gatsby 3.12.1
• gatsby-plugin-advanced-pages 3.0.1
• gatsby-plugin-graphql-config 0.21.0
• gatsby-plugin-image 1.12.0
• gatsby-plugin-manifest 3.12.0
• gatsby-plugin-mdx 2.12.0
• gatsby-plugin-postbuild 3.0.2
• gatsby-plugin-postcss 4.12.0
• gatsby-plugin-preload-fonts 2.12.0
• gatsby-plugin-react-helmet-async 1.2.0
• gatsby-plugin-sharp 3.12.0
• gatsby-plugin-sitemap 4.8.0
• gatsby-remark-smartypants 4.9.0
• gatsby-source-filesystem 3.12.0
• gatsby-transformer-sharp 3.12.0
• gatsby-transformer-yaml 3.12.0
• lodash 4.17.21
• postcss 8.3.6
• postcss-import 14.0.2
• postcss-preset-env 6.7.0
• postcss-url 10.1.3
• react 17.0.2
• react-dom 17.0.2
• react-helmet-async 1.1.2
• tailwindcss 2.2.8
• @mohatt/eslint-config-gatsby-standard 3.2.0
• @types/tailwindcss 2.2.1
• eslint 7.32.0
• prettier 2.3.2
• simple-icons 5.11.0
• stylelint 13.13.1
• stylelint-config-standard 22.0.0
• webpack-bundle-analyzer 4.4.2
• node >=12.17.0
• pnpm >=6

---

• Check this box to trigger a request for Renovate to run again on this repository