IBM Design Research
This site is built using with the Gatsby Carbon theme which includes all configuration you might need to build a beautiful site inspired by the Carbon Design System.
π§ Getting started
Install dependencies:
yarn
Run dev environment:
yarn dev
- Make some changes!
Navigate to localhost:8000
to see your site running
Each of the Items in your side bar correlates to a MDX file in your src/pages/
directory. Navigate to a site and try editing the corresponding markdown file. You'll be able to see it update live!
π What's in here?
Lets check out the structure of our project
.
βββ LICENSE
βββ README.md
βββ gatsby-config.js
βββ node_modules
βββ package.json
βββ public
βββ src
β βββ gatsby-theme-carbon
β βββ pages
βββ yarn.lock
-
/node_modules
: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed. -
/src
: This directory will contain all of the code related to what you will see on the front-end of your site.- gatsby-theme-carbon this is where you'll override (known as shadowing) the default
gatsby-theme-carbon
components - pages This is where most of your content will live. You'll represent each page with an MDX file.
- gatsby-theme-carbon this is where you'll override (known as shadowing) the default
-
.gitignore
: This file tells git which files it should not track / not maintain a version history for. -
gatsby-config.js
: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description. You'll notice that all of the configuration for the site is coming fromgatsby-theme-carbon
-
LICENSE
: Gatsby is licensed under the Apache 2.0 license. -
yarn.lock
(Seepackage.json
below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You wonβt change this file directly). -
package.json
: A manifest file for Node.js projects, which includes things like metadata (the projectβs name, author, etc). This manifest is how npm knows which packages to install for your project. -
README.md
: This file!
π·β Components
This is where we'll document the various utility components as they're added.
π Resources
π Deployment to Bluemix (Staging)
Download the Blue-Green-Deploy Plugin for Cloud Foundry.
cf add-plugin-repo CF-Community https://plugins.cloudfoundry.org && cf install-plugin blue-green-deploy -r CF-Community
Make sure you are in the IBMDesignOrg (See Kelly Churchill)
yarn deploy:staging
Staging site π https://wwwstage.ibm.com/design/research
π Deployment to Bluemix (Production)
Make sure you are in the IBMDesignOrg (See Kelly Churchill)
yarn deploy:prod
Production site π https://www.ibm.com/design/research