Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/philhawksworth/virtual-lolly

JAMstack demo site - prerendered with serverless API fallbacks
https://github.com/philhawksworth/virtual-lolly

eleventy faunadb jamstack netlify serverless

Last synced: about 2 months ago
JSON representation

JAMstack demo site - prerendered with serverless API fallbacks

Host: GitHub
URL: https://github.com/philhawksworth/virtual-lolly
Owner: philhawksworth
Created: 2019-07-23T12:27:25.000Z (about 5 years ago)
Default Branch: main
Last Pushed: 2023-01-10T00:35:49.000Z (over 1 year ago)
Last Synced: 2024-07-18T06:42:51.300Z (2 months ago)
Topics: eleventy, faunadb, jamstack, netlify, serverless
Language: JavaScript
Homepage: https://vlolly.net
Size: 1.37 MB
Stars: 112
Watchers: 2
Forks: 28
Open Issues: 8
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Virtual Lolly

Making virtual lollipops for you to send to people to pep them up.

(Also a proof of concept site demonstrating a [Jamstack](https://jamstack.org) approach where newly created content is rendered from a content API, while a static render of it is being built into the site for future )

[https://vlolly.net/](https://vlolly.net/lolly/V47YWVlDC)

![](vlolly-screenshot.jpg)

## Deployed and hosted on Netlify

[![Netlify Status](https://api.netlify.com/api/v1/badges/ea24a6f2-024b-4d26-94c2-69d7ed96516d/deploy-status)](https://app.netlify.com/sites/vlolly/deploys)

- User generated data stored by [Fauna DB](https://www.fauna.com) via a serverless function

- Site generate (pre-rendered) by [Eleventy](https://11ty.io)

- Newly created items served via a client-side request to the content API thanks to [Netlify's custom 404 routing](https://www.netlify.com/docs/redirects/?utm_source=github&utm_medium=vlolly-pnh&utm_campaign=devex#custom-404)

## Learn more

There is a more detailed explanation of how this works and what it demonstrates on [CSS-Tricks](https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-fallback/)

👉 https://css-tricks.com/static-first-pre-generated-jamstack-sites-with-serverless-rendering-as-a-fallback/