Skip to content

Instantly share code, notes, and snippets.

Kyle Mathews KyleAMathews

Block or report user

Report or block KyleAMathews

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View persist.html
<html>
<head>
<link
rel="prefetch"
as="image"
href="https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg"
onload="fetch('https://images.pexels.com/photos/248797/pexels-photo-248797.jpeg')"
/>
</head>
<body>
View gatsby-ink.jsx
import React from "react"
import { render, Static, Box, Color, Text } from "ink"
import BigText from "ink-big-text"
import BBox from "ink-box"
import TextInput from "ink-text-input"
import { Tabs, Tab } from "ink-tab"
import _ from "lodash"
const purple = [102, 51, 153]
const hexPurple = `#663399`
View results.json
{"total":740,"results":[{"package":{"name":"gatsby-plugin-react-helmet","scope":"unscoped","version":"3.0.6","description":"Manage document head data with react-helmet. Provides drop-in server rendering support for Gatsby.","keywords":["gatsby","gatsby-plugin","favicon","react-helmet","seo","document","head","title","meta","link","script","base","noscript","style"],"date":"2019-02-01T12:25:14.983Z","links":{"npm":"https://www.npmjs.com/package/gatsby-plugin-react-helmet","homepage":"https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-react-helmet#readme","repository":"https://github.com/gatsbyjs/gatsby","bugs":"https://github.com/gatsbyjs/gatsby/issues"},"author":{"name":"Kyle Mathews","email":"matthews.kyle@gmail.com"},"publisher":{"username":"pieh","email":"misiek.piechowiak@gmail.com"},"maintainers":[{"username":"dschau","email":"dustinschau@gmail.com"},{"username":"freiksenet","email":"freiksenet@gmail.com"},{"username":"kylemathews","email":"mathews.kyle@gmail.com"},{"username":"m-allan
View page.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charSet="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<style data-href="/component---src-posts-2018-09-13-why-i-migrated-away-from-medium-mdx.942e966dd04428ca9417.css">
.body-module--h1--26YIz {
margin-bottom: 2rem;
View gatsby-node.js
exports.onCreateNode = ({ node, actions, createNodeId, createContentDigest }) => {
const { createNode, createNodeField } = actions
if (node.internal.type === `NodeTypeWithMarkdownField`) {
const newNode = createNode({
id: createNodeId(`${node.id} markdown field`),
children: [],
parent: node.id,
internal: {
content: node.markdownField,
mediaType: `text/markdown`,
View gatsby.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="preload" href="/static/ftn45-webfont.c2439033.woff2" as="font" crossOrigin="anonymous" />
<link rel="preload" href="/static/spectral-latin-400.d9fdfd34.woff2" as="font" crossOrigin="anonymous" />
<link rel="preload" href="/static/ftn65-webfont.0ddc10d2.woff2" as="font" crossOrigin="anonymous" />
<link rel="preload" href="/component---src-layouts-index-js-33d257af54723bdfb1d0.js" as="script" />
<link rel="preload" href="/component---src-pages-index-js-3cdb402769c1c5fdd896.js" as="script" />
<link rel="preload" href="/path---index-2cb2fde3f8c5288ad40e.js" as="script" />
View gen-routes.js
const _ = require('lodash')
const fs = require('fs')
const templates = [
`template-blog-post`,
`template-article-page`,
`template-cheeseburger`,
`blahblahblahlbah`,
`blahblahblahlbah1`,
`blahblahblahlbah2`,
View gatsby-1-rfc.md

Hi folks, Gatsby is now 1.25 years old — seems high time we push for a 1.0 :-)

I've been thinking about what Gatsby could/should be for many months now and more recently have been prototyping these ideas. This issue is an description of where my thinking is at. It's intended to kickstart a discussion of what Gatsby 1.0 can be. There's a lot of open questions still and I'd love feedback on my ideas to this point.

View hot-reloading-typography.js
import ReactDOM from 'react-dom/server'
import React from 'react'
import Typography from '../../src/'
import GoogleFont from '../../src/components/GoogleFont'
import theme from '../../src/themes/us-web-design-standard'
const typography = new Typography(theme)
// Hot reload typography in development.
You can’t perform that action at this time.