Welcome

This website is build with Gatsby.

installation nov-2023

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash
nvm install 18
nvm use 18

Find updates at https://www.gatsbyjs.com/docs/how-to/local-development/gatsby-on-linux/

Next: install npm requirements:

npm install --location=global surge
npm install gh-pages --save-dev
npm install

--> regularly run:

npm update -g

Deploy site updates with github pages

gatsby docs

• implement modifications
• locally render the website with npx gatsby develop
• run npm run deploy to publish at gh-pages branch
• the source files are in the master branch, so do not forget to git push

control to what branch the pages is deployed in package.json > organization websites cannot use the gh-pages branch!

Update packages and dependencies

Preferably use yarn (npm is buggy for this template):

• remove any existing package-lock.json
• tap: yarn upgrade-interactive --latest

detailed explanation

currently used for sschwindt: gh-pages (package.json):

{
  "scripts": {
    "deploy": "gatsby build --prefix-paths && gh-pages -d public"
  }
}

for switching to the master branch use (package.json):

{
  "scripts": {
    "deploy": "gatsby build && gh-pages -d public -b master"
  }
}

then run npm run deploy

with surge > .sh domain

1. login to surge surge login

2. build website gatsby build

verify that public folder was created: ls public

1. push to custom surge domain surge pulic/ --domain becreative2134.surge.sh

result:

   Running as [email protected]

        project: public/
         domain: becreative2134.surge.sh
         upload: [] 100% eta: 0.0s (50 files, 3321547 bytes)
            CDN: [====================] 100%

             IP: 138.197.235.123

   Success! - Published to becreative2134.surge.sh

https://www.gatsbyjs.com/dashboard/

deprecated form

<form method="post" action="https://formspree.io/f/xnqlreen">
  <div className="field half first">
    <label htmlFor="name">Name</label>
    <input type="text" name="_gotcha" id="name" />
  </div>
  <div className="field half">
    <label htmlFor="email">Email</label>
    <input type="email" name="_replyto" id="email" />
  </div>
  <div className="field">
    <label htmlFor="message">Message</label>
    <textarea name="message" id="message" rows="4"></textarea>
  </div>
  <ul className="actions">
    <li>
      <input type="submit" value="Send Message" className="special" />
    </li>
    <li>
      <input type="reset" value="Reset" />
    </li>
  </ul>
</form>