Skip to content
My corner of the internet
JavaScript CSS HTML Vue
Branch: live
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.circleci
.github
.netlify
docs
src
static
subdomains
.eslintignore
.eslintrc.yml
.gitignore
.prettierrc.js
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE.md
README.md
cSpell.json
gatsby-browser.js
gatsby-config.js
gatsby-node.js
gatsby-ssr.js
netlify.toml
package-lock.json
package.json

README.md

leander.xyz logo

Netlify Status CircleCI Branch Gitmoji


leander.xyz

Hey there, welcome to my site's repository! Here's a bunch of code that powers the site over at leander.xyz and all the subdomains. Some of the stuff is probably confusing but take a look in the docs/ folder if there's something you need clarification on.

This site is based on the JAMstack: "the modern web development architecture based on client-side JavaScript, reusable APIs and prebuilt Markup" (https://jamstack.org). It stands for JavaScript, APIs and Markup. It's actual tech stack is the following:

  • React on the frontend
  • Gatsby as the static React framework (SSR, Code-splitting, dynamic pages)
  • Markdown/JSON as the content API
  • GraphQL for turning the markdown into pages (via Gatsby)
  • NetlifyCMS as the OAuth protected content management system
  • Netlify as the build process

I try to keep everything as modular as possible, but if you see something wrong, or that you can improve feel free to fork this repo and submit a pull request.

If you just wanna let me know where I messed up, send me an issue and I'll get to it ASAP.

Dev Usage

Launch the local site with:

npm install && npm run start

It runs a basic Gatsby setup with a few catches for things like styled-components and deployable subdomains. Check out the docs/ directory for more of the complicated stuff

The continuous deployment is done completely through Netlify, as well as the Form and Identity handling. You can see the Identity configuration in static/admin/config.yml.

This is also the configuration file for the entire content management system (CMS).

It is accessible at localhost:8000/admin/, but with it's current setup it will still be redirected to Netlify. You can test your configuration by changing the backend as follows:

backend:
-  name: git-gateway
+  name: test-repo
-  accept_roles:
-    - admin
-    - editor
-  repo: leeandher/leander.xyz
-  branch: dev
-  commit_messages:
-    create: ✨ Create entry in {{collection}} collection - "{{slug}}"
-    update: ✏️ Edit in {{collection}} collection - "{{slug}}"
-    delete: 🔥 Deletion in {{collection}} collection - "{{slug}}"
-    uploadMedia: 🍱 Upload media - "{{path}}"
-    deleteMedia: 🔥 Delete media - "{{path}}"

For making actual changes to site content, head over to https://www.leander.xyz/admin/

You can’t perform that action at this time.