Virtual Lolly
JAMstack demo site - prerendered with serverless API fallbacks
Overview:
Virtual Lolly is a proof of concept website that allows users to create and send virtual lollipops to pep up their friends and loved ones. The site showcases a Jamstack approach, where newly created content is rendered from a content API, while a static render of it is being built into the site for the future. It is deployed and hosted on Netlify, and user-generated data is stored by Fauna DB via a serverless function. The site is generated (pre-rendered) by Eleventy, and newly created items are served via a client-side request to the content API, thanks to Netlify's custom 404 routing.
Features:
- Create and customize virtual lollipops
- Send virtual lollipops to people
- User-generated data storage using Fauna DB
- Serverless function for storing data
- Pre-rendered site generation using Eleventy
- Custom 404 routing for serving new content
- Eleventy
11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.
