https://github.com/sharjeelsafdar/project12e-virtual-lolly-app

A Serverless JAMstack Virtual Lolly App with Gatsby, Storybook, Netlify, FaunaDB, GraphQL, and TypeScript
https://github.com/sharjeelsafdar/project12e-virtual-lolly-app

cdd faunadb gatsbyjs graphql jamstack netlify netlify-functions reactjs serverless ssr-fallback static-site storybook typescript

Last synced: 1 day ago
JSON representation

A Serverless JAMstack Virtual Lolly App with Gatsby, Storybook, Netlify, FaunaDB, GraphQL, and TypeScript

• Host: GitHub
• URL: https://github.com/sharjeelsafdar/project12e-virtual-lolly-app
• Owner: SharjeelSafdar
• License: 0bsd
• Created: 2021-03-21T13:24:59.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-04-15T11:46:54.000Z (almost 4 years ago)
• Last Synced: 2024-12-16T22:33:28.266Z (about 2 months ago)
• Topics: cdd, faunadb, gatsbyjs, graphql, jamstack, netlify, netlify-functions, reactjs, serverless, ssr-fallback, static-site, storybook, typescript
• Language: TypeScript
• Homepage: https://virtual-lolly-p12e.netlify.app/
• Size: 1.13 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  

    

  





  Project 12E: Serverless JAMstack Virtual Lolly App With Gatsby, Storybook, FaunaDB, GraphQL, Netlify Functions, and TypeScript



### Link to Web App

The web app has been deployed to Netlify, and can be accessed [here](https://virtual-lolly-p12e.netlify.app/), and the Storybook of the components can be accessed [here](https://virtual-lolly-storybook-p12e.netlify.app/).

### Features

The following are some of the features of this project:

- A form for creating a new Lolly at "/create-new" using [Formik](https://formik.org/docs/overview) and [Yup](https://github.com/jquense/yup)

- Uses [FaunaDB](https://fauna.com/) to store the information about all the lollipops

- A GraphQL API deployed as a Netlify function at "/new" to interact with FaunaDB

- All lollies are fetched and static pages are built for each one at build time.

- A Netlify function (showLolly) as an SSR fallback: all lollies not having a static page are redirected to this function.

- The project is built using the Component Driven Development (CDD) approach with [Storybook](https://storybook.js.org/)

- The Storybook is also built and deployed [here](https://virtual-lolly-storybook-p12e.netlify.app/).

- Demonstrates CRUD operations using FaunDB through the GraphQL API

- Bootstrapped with [GatsbyJS](https://www.gatsbyjs.com/)

- Additionally, includes TypeScript support for gatsby-config, gatsby-node, gatsby-browser and gatsby-ssr files

- Site hosted on [Netlify](https://www.netlify.com/)

- CI/CD with Netlify

- CI/CD for Storybook is handled with Github Actions.

- Completely typed with TypeScript

- Completely interactive and responsive design with vanilla CSS.