https://github.com/tyhopp/gatsby-script-blog-post-companion

https://github.com/tyhopp/gatsby-script-blog-post-companion

Last synced: 15 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/tyhopp/gatsby-script-blog-post-companion
• Owner: tyhopp
• Created: 2022-05-24T04:40:05.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-06-16T02:01:22.000Z (over 2 years ago)
• Last Synced: 2024-11-07T00:43:55.708Z (2 months ago)
• Language: TypeScript
• Homepage:
• Size: 200 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Gatsby Script Blog Post Companion

This is the companion project to the [Using Gatsby Script Component to Decrease Page Load Times](https://www.gatsbyjs.com/blog/using-gatsby-script-component-to-decrease-page-load-times) blog post on [gatsbyjs.com](https://gatsbyjs.com).

See the [release notes](https://www.gatsbyjs.com/docs/reference/release-notes/v4.15/#script-component) and [reference documentation](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-script/) for more information about the Gatsby Script component.

This project uses the Gatsby Script component to load [`marked`](https://github.com/markedjs/marked), a module for parsing Markdown into HTML, with various [loading strategies](https://www.gatsbyjs.com/docs/reference/built-in-components/gatsby-script/#strategies).

Each implementation has it's own page:

- [`post-hydrate`](src/pages/post-hydrate.tsx)

- [`idle`](src/pages/idle.tsx)

- [`off-main-thread`](src/pages/off-main-thread.tsx)

The blog post will discuss how to evaluate strategy selection using this project as an example.

## Usage

- Clone this repo and navigate to it in your terminal

- `npm i`

- `npm run develop`

## Demo

The [demo is deployed on Gatsby Cloud](https://gatsbyscriptblogpostcompanionm.gtsb.io).