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 2021-01-12

PetsCanDate - A dating site for pets

A dating site for pets built with Nuxt.js and Netlify as part of Netlifys 'Dusty Domains' campaign.

SITE 2021-07-19

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 2021-04-27

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 2021-10-13

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 2021-07-20

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 2021-10-18

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 2021-09-20

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 2021-04-15

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 2021-03-25

Ecommerce site with Sanity and Nuxt

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

SITE 2021-01-12

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.