The personal website of Louis R. DeScioli
Branch: master
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.
.vscode
content
plugins
src
.gitignore
LICENSE.md
README.md
gatsby-config.js
gatsby-node.js
netlify.toml
package.json
yarn.lock

README.md

descioli.design

What it's made with

  • A whole lot of JavaScript
  • HTML and CSS, described in JavaScript
  • React to declare the UI
  • styled-components to define styles in JavaScript
  • Gatsby for the tooling and providing a sweet GraphQL data layer
  • Deployed on Netlify because it's simple, implements a lot of best practices by default that make serving your site super fast, and includes SSL and custom domains for free

How it works

Gatsby pulls in data from the content directory, as specified in the gatsby-config.js file. It builds a data graph with a defined GraphQL schema. It then renders the application as configured by .js files it finds in src/pages, and calls to the createPage function as specified in gatsby-node.js.

Pages are React components. A Page file's default export is a React component. Pages describe their needed data with a GraphQL query exported under the name pageQuery. Gatsby handles providing that data as the prop data to the component.

Gatsby is exellent because it makes it very easy to develop using a model-driven approach without needing more than simple files. (Not to mention how much messy configuration it simplifies for getting a super fast website and a sweet hot reloading development experience.)

Installation

  1. Get a working knowledge of computers and the command line

  2. Install git

  3. Install Node.js

  4. Install Yarn (or just use npm if you know what you're doing)

  5. And then:

    git clone https://github.com/lourd/descioli-design
    cd descioli-design
    yarn install
    yarn start