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, npm
plugins 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 .md
files 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.