James Acklin, a coding designer
My personal website, built with Gatsby, styled with styled-components and Tachyons, written in Markdown, and built and seved with Now. I am a UX designer and front-end developer in Pittsburgh, PA, USA. Come say hi!
npm install -g gatsby
Navigate into the project directory and start it up.
cd james-acklin-site/ gatsby develop
Open the source code and start editing.
The project is now running at
GraphiQL, a data exploration tool, runs at
. ├── src ├── .gitignore ├── .prettierignore ├── .prettierrc ├── gatsby-config.js ├── LICENSE ├── now.json ├── package-lock.json ├── package.json └── README.md
/src: All code relating to the front end of the site—components, fonts, Markdown source, and templates.
.gitignore: This file tells git which files it should not track / not maintain a version history for.
.prettierignore: This file tells Pretter (see below) which files it should not format.
.prettierrc: This is a configuration file for Prettier. Prettier is a tool to help keep the formatting of your code consistent.
gatsby-config.js: Main Gatsby configuration.
LICENSE: Gatsby is licensed under the MIT license.
now.json: Configuration for now.sh deployments.
package.jsonbelow, first). This is an automatically generated file based on the exact versions of the npm dependencies that were installed for this project. (You won’t change this file directly).
package.json: A manifest file this Node.js project, which includes things like metadata, tasks, and dependencies.
README.md: This file.
If you are me, log in to Now and type:
Now is also integrated with GitHub, so simply create a pull request for a new staging deployment and merge the PR to promote it to production.