Skip to content
My own personal website, built with React, Gatsby, Sass, and Remark
JavaScript CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github Add auto-approve.yml Jan 13, 2020
.idea Fix git config Jan 17, 2020
src Fix examples Feb 20, 2020
.gitignore Initial Commit Jan 4, 2020
.graphqlconfig Initial Commit Jan 4, 2020
.prettierignore Initial Commit Jan 4, 2020
.prettierrc.json Initial Commit Jan 4, 2020
LICENSE
README.md Update README.md Jan 17, 2020
gatsby-browser.js Initial Commit Jan 4, 2020
gatsby-config.js Remove /contact/thanks from sitemap Jan 26, 2020
gatsby-node.js Fix redirect :( Jan 24, 2020
gatsby-ssr.js Rewrite the logic in the dark mode switch to make it behave Jan 5, 2020
netlify.toml Add pre-processing to netlify.toml Jan 12, 2020
package-lock.json Bump gatsby from 2.19.18 to 2.19.19 Feb 20, 2020
package.json Bump gatsby from 2.19.18 to 2.19.19 Feb 20, 2020
schema.graphql Update schema.graphql Jan 11, 2020

README.md

jackwarren.info

netlify status

Language grade: JavaScript code style: prettier Dependabot Status Dependency status

This is the codebase behind my personal website.

This site is fully copyrighted by Jack Warren; more information is available in the LICENSE file.

Configuration

Environment Variables

  • URL - The base URL of the website, with the leading protocol and without the trailing slash
    • Set automatically by Netlify during deployment
    • Defaults to https://jackwarren.info
  • CONTEXT - The context for building
  • DEPLOY_PRIME_URL - The specific URL of the deployment
    • Set automatically by Netlify during deployment
    • Only used if the CONTEXT is not development or production
    • Can be ignored for development purposes (used automatically in Netliy branch deployments and deployment previews)

Dotenv is configured in this project and it is the recommended way to set these variables.

For a local development environment, create a .env file at the root of the project containing the following:

URL=http://localhost:8000
CONTEXT=development

GraphQL

The GraphQL endpoint is only available during development/rendering.

The .graphqlconfig assumes the schema will be available at Gatsby's development-time default of http://localhost:8000/___graphql.

Running

You'll need Node.js, npm, and Git.

Install the Gatsby CLI if you don't have it already:

npm install -g gatsby-cli

Command line

Clone down this repository:

git clone git@github.com:jack-r-warren/jackwarren-info.git

For local development, run the development server:

npm run develop

To make the development server available on your local network (assuming your firewall allows access to port 8000):

npm run develop -- --host=0.0.0.0

To make a production build:

npm run build

WebStorm

Create a new project from version control with this URL:

git@github.com:jack-r-warren/jackwarren-info.git

WebStorm will autodetect the npm scripts available in the project for tasks like building and formatting.

Several run configurations have been defined for common actions:

  • develop: Run the development server
  • develop host: Run the development server so it is available on your local network (assuming your firewall allows access to port 8000)
  • format: Apply code formatting style to the project

Tooling

Prettier is used for code formatting, and is called by the format npm task.

Husky is used to run pretty-quick before all commits.

Stylelint is used for additional SCSS linting.

You can’t perform that action at this time.