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: 16 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 (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-09-08T09:09:20.000Z (over 3 years ago)
- Last Synced: 2025-03-26T13:03:21.879Z (about 1 month 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(⭐)
[](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
[](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/)