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.

Github Live Demo
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.

Github Live Demo Post
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.

Github Live Demo
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.

Github Live Demo Post
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.

Github Live Demo Post
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.

Github Live Demo Post
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.

Github Live Demo Post
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.

Github Live Demo
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.'

Github Live Demo
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.

Github Live Demo Post