https://github.com/atapas/shopnote

shopnote is a JAMstack application that helps in creating notes with shopping items. This application is built to showcase the JAMstack concept using Fauna, Netlify Serverless Functions and GatsbyJS.
https://github.com/atapas/shopnote

fauna faunadb gatsby gatsbyjs lambda lamda-functions netlify serverless shopnote shopping-list

Last synced: 30 days ago
JSON representation

shopnote is a JAMstack application that helps in creating notes with shopping items. This application is built to showcase the JAMstack concept using Fauna, Netlify Serverless Functions and GatsbyJS.

• Host: GitHub
• URL: https://github.com/atapas/shopnote
• Owner: atapas
• License: mit
• Created: 2020-11-03T09:20:44.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-09-08T09:09:20.000Z (about 3 years ago)
• Last Synced: 2024-05-01T17:16:01.814Z (7 months ago)
• Topics: fauna, faunadb, gatsby, gatsbyjs, lambda, lamda-functions, netlify, serverless, shopnote, shopping-list
• Language: JavaScript
• Homepage: https://tapasadhikary.com
• Size: 772 KB
• Stars: 18
• Watchers: 2
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  Jamstack Shopnote



`shopnote` is a JAMstack application helps in creating notes with shopping items. This application is built to showcase the JAMstack concept using `Fauna`, `Netlify Serverless Functions` and `GatsbyJS`. This is a sample application and should be used only for the learning purpose.

# Many Thanks to all the `Stargazers` who has supported this project with stars(⭐)

[![Stargazers repo roster for @atapas/shopnote](https://reporoster.com/stars/atapas/shopnote)](https://github.com/atapas/shopnote/stargazers)



  

    

  



# How to run

This project uses `Fauna` as the data store. Plesae make sure to create an account with [Fauna](https://fauna.com/). Clone this project and follw these steps.

- Create a database in Fauna called, `shopnotes`.

- Upload the [shopnotes.gql](https://github.com/atapas/shopnote/blob/main/shopnotes.gql) file to the database created.

- Create the server secret key.

- Clone the project.

- Chage directory to the project locally(cd shopnote).

- Install `netlify-cli` globally,

 ```shell

 npm install -g netlify-cli

 ```

- Install dependencies,

 ```shell

 yarn install

 ```

- Create a file called `.env` at the root of the project and copy-paste the Fauna Server key as,

 ```shell

 FAUNA_SERVER_SECRET=YOUR_SECRET_KEY

 ```

- Run the commands

 ```shell

 netlify login

 

 netlify dev

 ```

 

You should have the application launched @ http://localhost:8888

# Build Status

[![Netlify Status](https://api.netlify.com/api/v1/badges/9cdee8a1-a2de-4571-8733-760258100fae/deploy-status)](https://app.netlify.com/sites/shopnote/deploys)

# Step-by-step approach

[How to create a client-serverless Jamstack app using Netlify, Gatsby and Fauna](https://css-tricks.com/how-to-create-a-client-serverless-jamstack-app-using-netlify-gatsby-and-fauna/)

# Important Links

- [Netlify Functions](https://www.netlify.com/products/functions/)

- [Fauna GraphQL relations](https://docs.fauna.com/fauna/current/api/graphql/relations)

- [GatsbyJS](http://gatsbyjs.org/)