Discover philhawksworth/fcc-6-client-side-api Open Source project

A running start for JAMstack projects with Eleventy, TailwindCSS and some Netlify goodies

459

eleventail

An example of a comments engine you could add to any JAMstack site hosted on Netlify

190

jamstack-comments-engine

My hawksworx.com blog site, powered by Eleventy and Netlify

151

hawksworx.com

JAMstack demo site - prerendered with serverless API fallbacks

114

virtual-lolly

A url shortener of your own, using Netlify redirect rules

112

linkylinky

Site to demo how to build your own lazy loading

rollyourownlazyload

A utility to generate the images for social networks on hawksworx.com

social-image-generator

A reference site for exploring the Shopify storefront API with Eleventy

shopify-11ty

html-time

A demo of generating an JAMstack site from an RSS feed

medium-export

hello-trello

A Netlify plugin to source content from remote feeds including RSS and JSON

netlify-plugin-fetch-feeds

A small example site to demonstrate pulling data from Google Sheets in an Eleventy build

example-read-from-sheets

A utility to create an 11ty site scaffold from one of a number of site templates. Mostly just Phil Hawksworth's regular starting points

11up

netlify-plugin-minify-html

Fetch and cache your latest Instagram Images to serve as part of your site.

netlify-plugin-add-instagram

Demo of light lazy loading, with Netlify Large Media for image transforms

lazy-load-with-nlm

Web site for a free comedy night. And a proof of concept for a content and build workflow

comedy-in-the-crown

fcc-1-simply-static

A url shortener using Netlify

findthat.at

jasonipsum

A utility for resolving Twitter avatar URLs from their Twitter handles, built on the JAMstack

twavatar

Sharding SSG sites in Netlify for performance - a test

content-shards

Easier access to magnet files

puttr

fcc-3-build-with-ssg

A pinboard for oganising index cards in columns for brainstorming and what-not. Written in jQuery with a simple backend provided by Sinatra

pinboard

douchebag ipsum - for when other ispum generators don't exhibit enough douchebaggery

dbagipsum

An example of Notist's JSON feed driving event listings on your own, pre-rendered site.

eleventy-notist-example

A tool to generate graphs of screen resolutions used to access websites

viewportify

A quick wiki application built from HTML, Javascript and driven by jQuery

jqwiki

An example site to demonstrate the use of Netlify Large Media and images transformations for srcset

example-netlify-large-media-picture

A simple utility to merge files into a given template, based on simple recipes.

bake

Python

11ty-scaffold-with-sass

A basic template for starting a new 11ty site

fcc-4-build-with-api-data

A URL shortner with support for custom opengraph images

shortener-with-custom-og

TypeScript

netlify-plugin-yield-data-for-eleventy

Make data from the Netlify build cache available to the Eleventy SSG

An experiment in building and maintaining Alexa skills with Netlify Functions

alexa-skills

A simple CMS for static sites

cherryglass

fcc-5-localized-news

R/GA London's beerclub ledger

netlify-proxy-demo

beerclub

A simple Web based slideshow which grabs items from a feed and animates them with jQuery. Designed as a small demo of unobtrusive Javascript but with scope to grow into something more substantial.

polaroiderizer

A scamp and wireframe annotation webapp

scampi

eleventyone-est

An 11ty starter template with Sass, data, and Netlify Functions

11ty-with-serverless

fcc-2-adding-js-for-simple-render

Demo site for a Netlify plugin (netlify-plugin-fetch-feeds)

demo-netlify-plugin-fetch-feeds

demo-netlify-plugin-add-instagram

tet-11ty-netlify-jumpstart

A site to accompany a set of Twitter bots

TwitterTickets

Python

configs

Just my config files that I find useful and use on most machines

demo-restaurant-astro-json

n example site using structured content in JSON files to generate an archetypal restaurant site using Astro

Astro

Getteamtasks.com

A site to distribute the TeamTasks variant of TiddlyWiki

PHP

netlify-workshop

A collection of examples and exercises to demonstrate Netlify features and capabilities

A netlify build plugin to detect images in your build and serve them from Cloudinary

netlify-plugin-cloudinary-source

A plugin to fetch the JSON data of a public Trello board, and stash the data for each list in a JSON file before your build runs making the data available to your static site generator at build time.

netlify-plugin-trello-lists

Automatically assign a page template to new notes in Obsidian

obsidian-plugin-default-template

TypeScript

netlify-plugin-form-submissions

Fetch all submissions made to Netlify Forms in your site and stash them as JSON files before your build runs making the data available to your static site generator at build time.

An example of three.js and node.js (By Sergio Kuba)

ThreePuppet

A website for a comedy night

humdingerscomedy.com

fcc-proxy-demo

test-google-sheets

My personal blog built with Jigsaw and hosted on Netlify.

jigsaw-blog

house-wines

eleventy-base-blog

test-eleventyone-2

hubpress

netlify-csstricks

test-gatsby-starter-minimal-blog

test-nextjs-blog-theme

canyoutell.me

An honest answer

try_git

secrets-test

next-netlify-blog-starter

netlify-statuskit

hyde-hawksworx.com

Just my blog and website

Python

try-eleventyone-template

testing

dolby-week2-hello-netlify

Playing with the Instagram API and nodejs

instagrabbed

try-eleventy-starter-ghost-2

test-site-netlify-plugin-minify-html

A working example for keeping APIs and UI aligned

example-api-and-ui

test-bluise-2

test-netlifycms-gridsome

try-ecommerce-netlify

A very simple site to use when exploring Netlify in demos

netlify-explore

jekyll-base

A service to help make static sites a little bit richer

pooleapp.com

eleventyone-show

Some Textmate bundles, snippets and templates that I find useful

textmate-helpers

headless-wp-nuxt

website for the London Jamstack meetup group

jamstack-london

eleventyone-demo

Links to a collection of demos and an example of proxying to sites in Netlify

demo-hub

fishandscripts.com

A website for a podcast

An experimental project to provide dynamic client-side rendering with Javascript and server-rendered views all from the same content API and a simple templated static site generator.

shortstack

hello-netlify-dolby

test-edge-functions-examples