Demos

When I write content or make video tutorials, I often do it along with a project to better demonstrate what I'm teaching. I strongly believe that a good way to inform is not just to tell but also to show. So for every concept I teach, I build a project to demonstrate said concept. I've listed some of these demos here for anyone keen to look.

SITE Jul 19, 2021

Ecommerce site with Shopify Storefront APIs and SvelteKit

The Shopify team recently announced enhancements to their Storefront APIs that make it possible for store owners to access and manage their entire store and inventory via APIs. This demo uses those APIs to build an e-commerce template with SvelteKit.

SITE April 27, 2021

Jamstack site with Docs, Blog and Shop sections built wt Nuxt.js and Netlify

This demo uses Nuxt.js and Netlify to show a typical Jamstack site. I built it in an attempt to explain how developers can split large sites into independent microsites.

SITE October 13, 2021

Random user generator with Next.js useSWR

Learn the basics of the useSWR hook with this random user generator demo built with Next.js.

SITE Jul 19, 2021

Local news site with Next.js and On-demand builders

Looking for a way to explain the benefits of On-demand builders to folks? here's one. This demo is built with Next.js and uses ODB to generate the headline news at build time, and the rest on-demand.

SITE October 18, 2021

Local news site with Gatsby 4 SSG rendering on Netlify

Looking for a way to explain the benefits of On-demand builders to folks? here's one. This demo is built with Gatsby and uses ODB to generate the headline news at build time, and the rest on-demand.

SITE Sep 20, 2021

Mealzers - food ordering site bulit with Gridsome, Strapi, and Snipcart

This is an Ecommerce site built as a 6 part series on Strapi. It uses Strapi as a headless CMS, Gridsome at the static site generator and Snipcart to manage cart functionalities.

SITE April 15, 2021

On-Demand Meals restuarant site with Gridsome, GraphQL and ODB

This demo examplifies how to use On-demand builders to fetch deferred content at request time using Gridsome.

SITE March 25, 2021

Ecommerce site with Sanity and Nuxt

This demo was built while making the Jamstack Explorers mission titled 'Building with Sanity and Nuxt.'

SITE Jan 12, 2021

Event registration site with the Vue Composition API and Serverless functions

A simple HTML form built to demonstrate how the Vue composition API pairs up nicely with serverless functions.