Wheelhouse.be

Wheelhouse official website

---

The website is built using Gatsby. It uses Netlify-CMS to provide data.

• ☕ Setup
  • Website
    • Website
  • Netlify CMS
• 🧰 Development
• 🚀 Deployment
  • Netlify
• 📑 Repo structure

☕ Setup

Install node_modules with npm install.

Website

1. Run cp .env.example .env file in the project folder.
2. Update all the xxxxxx values, here's where to find each:

Website

• RECRUITEE_TOKEN - You can find this in your recruitee profile settings (or ask a collegue)
• HUBSPOT_API_KEY: This can be found in hubspot
• HUBSPOT_ANALYTICS: This can be found in hubspot

4. (initial deployment). Fill in the Website values on Netlify.

Netlify CMS

For using the CMS offline you can use:

npx netlify-cms-proxy-server

in your local .env file you also need to add:

NODE_ENV=development

More information about that: https://www.netlifycms.org/docs/beta-features/#working-with-a-local-git-repository

🧰 Development

npm start

Your site is now running at http://localhost:8000!

⚠️ Important!
_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.

🚀 Deployment

Netlify

This is setup to work seamlessly with Netlify. Add these website .env variables to the Netlify Project

RECRUITEE_TOKEN HUBSPOT_API_KEY HUBSPOT_ANALYTICS

📑 Repo structure

/
A quick look at the top-level files and directories you'll see in a Gatsby project.

.
├─ gatsby                              # gatsby-node configuration files
├─ node_modules                        # installed packages
├─ public                              # autogenerated gatsby website, used for deployment
├─ src/
│  ├─ api/                              # hooks for data fetching
│  ├─ cms/                              # netlify-cms configuration files
│  ├─ components/                       # components without logic
│  ├─ data/                             # json files that provide data (editable via netlify-cms)
│  ├─ hooks/                            # generic react hooks
│  ├─ images/                           # image assets
│  ├─ layouts/                          # gatsby layouts
│  ├─ modules/                          # components with logic
│  ├─ pages/                            # gatsby pages
│  ├─ styles/                           # style configuration utils
│  ├─ templates/                        # gatsby page templates for autocreated pages
│  └─ utils/                            # generic utils
├─ static                              # files in this folder get copied to /public/static
├─ .gitignore
├─ gatsby-browser.js
├─ gatsby-config.js
├─ gatsby-node.js
├─ gatsby-ssr.js
├─ package-lock.json
├─ package.json
└─ README.md