Discover @jlengstorf Open Source projects

Demo of combining build-time Gatsby queries with client-side Apollo queries.

421

gatsby-with-apollo

Source for lengstorf.com, Jason Lengstorf's personal site.

274

lengstorf.com

219

netlify-plugin-gatsby-cache

This is an example project to accompany a tutorial on using Rollup.

190

learn-rollup

Dynamically generate social media sharing images using Cloudinary! Details:

190

get-share-image

Set a goose loose on your site to be a jerk.

178

honkify

jason.energy

gatsby-theme-jason-blog

A simple example of creating pages dynamically in Gatsby without using GraphQL.

100

gatsby-with-unstructured-data

An example submission for the Gatsby Theme Jam.

gatsby-theme-jam-example

Let's make a list of developer groups we can reach out to during calls for proposals to make sure we're welcoming everyone in tech at our conferences.

jamstack-intro

awesome-speaker-diversity

frontendmasters-serverless

Source code for the Serverless workshop on Frontend Masters.

This repo is very out of date and probably shouldn't be used.

dotfiles

Shell

gatsby-tailwind-demo

A place for me to put slide decks, abstracts, and demos for presentations and workshops.

presentations

gatsby-intermediate

demo-gatsby-portfolio

remix-stacks

advanced-react-perf

learnwithjason.dev

gatsby-auth0-app

twilio-gatsby-video-chat

dynamic-jamstack-examples

gatsby-react-three-fiber-demo

spooky-masks-facial-recognition

small demo showing how to store MDX in Sanity.io and display it in Next.js

sanity-next-mdx

Source code to demonstrate how to build Gatsby themes, child themes, and sites using themes.

livestream-gatsby-themes

frontend-masters-intro-to-gatsby-project

authoring-gatsby-themes

next-image-on-netlify

gatsby-demo-simple-auth

Learn how to use React Hooks, and how they work with Gatsby. Watch the livestream:

react-hooks-gatsby

A collection of exercises to accompany a half-day workshop on the basics of functional programming.

learn-fp-exercises

jamstack-subscriptions

An example app for a tutorial.

tutorial-deploy-nodejs-ssl-digitalocean-app

A Gatsby portfolio site powered by Sanity.io. Watch it get built live:

sanity-gatsby-portfolio

A JavaScript module to lazyload images in a responsive, lightweight way (with fallbacks for unsupported browsers).

responsive-lazyload.js

A small plugin to change named footnotes to numbered footnotes in your Gatsby pages using Markdown.

gatsby-remark-numbered-footnotes

Vladimir Novick and Jason Lengstorf built this app on a livestream. Watch it here:

11ty-examples

Liquid

gatsby-hasura-realtime-app

gatsby-plugin-cloudinary-social-cards

Build your own subscription site with members-only content (like Patreon, OnlyFans, etc.) with this egghead course!

egghead-subscriptions

rehype-local-image-to-cloudinary

How to use WordPress with WPGraphQL and Gatsby

wpgraphql-gatsby-demo

A Sanity.io instance that powers a Gatsby portfolio site. Watch it get built live:

sanity-portfolio-studio

wordpress-jamstack

lwj-scenes

blitz-jackson-the-robot

Example of using Netlify Edge Functions to create an adaptive UI with no client-side JavaScript.

no-js-personalization

A demo repo designed to benchmark Gatsby build times for sites with lots of large images. Full tutorial:

image-processing

Who will be the burger champ... and who will be the burger chump?

burgers.dev

fem-gatsby-intro

next-minimal-setup

partykit-exploration

stripe-checkout-netlify-serverless

gatsby-algolia

gatsby-feedback-widget

gatsby-airtable

The sample app project for Realtime Web Apps.

realtimewebapps

PHP

microfrontends-with-gatsby

stripe-ecomm

gatsby-data-abstraction

urql-gatsby-demo

lets-learn-eleventy

A markdown-it plugin and Nunjucks async filter to make working with Cloudinary in Eleventy easier.

cloudinary-11ty-helpers

Minimal REST API created using serverless functions.

api-using-serverless

get-twitch-oauth

This is a demo of updating a map to show air quality data for the user’s current location using Next.js Advanced Middleware, powered by Netlify Edge Functions.

air-quality-edge-functions

stripe-donations

realtime-talks

jamgular

nextjs-blog-01

gatsby-i18n-example

gatsby-theme-simple-docs

A Gatsby theme for creating docs from a folder full of Markdown files.

frontend-masters-intermediate-gatsby

update-content-nextjs-hydration

A blog for me to nerd the fuck out.

code.lengstorf.com

egghead-wordpress-jamstack

The source code for an egghead course on migrating WordPress sites to the Jamstack

gatsby-netlify-identity-functions

whichbeardisthis.com

Example of using Twitch’s OAuth credentials to make API requests.

get-twitch-data-serverless

Trellis deployment example.

roots.code.lengstorf.com

Python

jamstack-ecommerce

The code and planning for the Netlify swag store.

netlify-swag-store

night-owl-swag

click-to-tweet-link-generator

twilio-gatsby

An interactive demo of media queries and mobile-conscious layout.

responsive-design

snack.tips

jlengstorf

gatsby-advanced-graphql

serverless-graphql-aws-gatsby

gatsby-ecommerce-site

secure-jamstack-api-requests

A multi-language site built with Gatsby and GraphCMS. Watch us build this live:

multi-language-graphcms-gatsby

magnolia-serverless

Code from a livestream on a11y testing with Cypress. Watch this built live:

a11y-testing

100

prisma-serverless-planetscale-netlify