Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

tadasant

Personal site for @tadasant

Architecture

Technology used:

  • Gatsby Static Site Generator (React, GraphQL)
  • Leveraging plugins to enable:
    • TypeScript
    • styled-components
    • remark
    • prismjs
  • Deployed on Netlify

Commands

Use graphql-code-generator to generate TypeScript types for GraphQL queries:

yarn gql-gen --schema ./schema.json --template graphql-codegen-typescript-template ``--out ./src/typings/graphql.d.ts "./src/**/*.ts*"

TODO: this creates graphql queries return types that have the possibility of returning null. Since gatsby does the queries at build-time, there is no possibility of null post-build. And we probably want the build to break if we encounter an unexpected null. Instead, now I'm doing nullchecks for all the queries to satisfy the TS type checker - which would be mostly fine if they ran only at buildtime, but they're going to mildly bog down performance on the deployed site as well.

Solution is to have some sort of config on gql-gen that does not leave possibility of null.

Notes

Ideal cover photo size for blog post is approximately 500px x 400px (width x height).

About

[React] [Gatsby] Personal Portfolio/Blog Site

Resources

Releases

No releases published

Packages

No packages published

Languages