Simple personal website to present some notes 🌎.
Frontend development with GatsbyJs, a React-based, GraphQL powered, static site generator.
The builds are triggered by each git commit in th master branch in this repository and deployed to Netlify CDN.
Contains all the site's metadata, absolute path definition, npmplugins and other variables that can be configured.
The main configuration controlling the sytle of the website is the .scss file where we define the properties for all containers and div classes. The file is under styles/styles.scss.
For fetching data, I used Graphql which is seamlessly integrated within GatsbyJs. Most of the pages are saved in Markdown format and retrieved with GraphQl queries. Gatsby has the gatsby-transformer-remark plugin which recoginizes .mdfiles and reads their content. The plugin will convert the frontmatter metadata part of your Markdown files as frontmatter and the content part as HTML. These are then rendered with use of a template in src/templates/blogTemplate.js
Notes entries using Markdown files can be created directly at the repository or using Netlify's CRM. It creates a pull requests directly into the repository which triggers a new build and updates the website.