JAMstack demo site - prerendered with serverless API fallbacks
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.
To install the Virtual Lolly theme, follow these steps:
Clone the repository using the command:
git clone https://github.com/[repository-url]
Install the necessary dependencies by running the command:
npm install
Set up environment variables by creating a .env file in the root directory of the project. Add the following variables:
API_KEY=your-api-key
DB_NAME=your-db-name
Start the development server by running the command:
npm run dev
Visit http://localhost:3000 in your browser to access the Virtual Lolly site.
Virtual Lolly is a proof of concept site that allows users to create and send virtual lollipops to brighten up someone’s day. It demonstrates the Jamstack approach, where content is rendered from a content API while being statically built into the site for future use. The site is hosted on Netlify and uses Fauna DB for user-generated data storage. It is built with Eleventy and utilizes Netlify’s custom 404 routing for serving new content. With its unique concept and modern architecture, Virtual Lolly is an interesting project that showcases the capabilities of Jamstack development.