Thanks for stopping by! This is the source code for Preston So's personal site, powered by Gatsby, Drupal 8, and Oracle Content and Experience.
-
Install Gatsby CLI.
Ensure you have Gatsby CLI installed globally. You'll also need Node.js.
npm install -g gatsby-cli
You can run
gatsby --help
to see available commands and ensure Gatsby CLI is installed correctly. -
Start developing.
Navigate into the site's root directory and boot it up!
cd preston-so/ gatsby develop
-
Open the source code and start editing!
Your site is now running at
http://localhost:8000
!Note: You'll also see a second link:
http://localhost:8000/___graphql
. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial. -
Prepare a build and serve.
You can prepare a production-ready build and serve it in your browser:
gatsby build && gatsby serve
- Refactor use of
background-image
property to usegatsby-image
instead, for both accessibility and performance reasons. - Componentize CSS to be less global in order to improve performance.
- Implement
gatsby-plugin-intl
(seefeat/intl
branch).
Looking for more guidance? Full documentation for Gatsby lives on the Gatsby website. Here are some places to start:
-
For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.
-
To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.