All Projects → atapas → shopnote

atapas / shopnote

Licence: MIT license
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.

Programming Languages

javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to shopnote

testimonial
Jamstack app using Gatsby, Netlify, and FaunaDB.
Stars: ✭ 23 (+53.33%)
Mutual labels:  netlify, gatsbyjs, faunadb
fauna-gatsby-comments
Roll your own comments with Gatsby and FaunaDB 🗞️
Stars: ✭ 29 (+93.33%)
Mutual labels:  gatsbyjs, faunadb, fauna
blog.georgi-yanev.com
📘 Personal blog built with Gatsby and hosted on Netlify
Stars: ✭ 17 (+13.33%)
Mutual labels:  netlify, gatsbyjs
Bootcamp 2020
Learn to Build Modern Full Stack Serverless Multi-Tenant SaaS Apps and APIs
Stars: ✭ 369 (+2360%)
Mutual labels:  netlify, gatsbyjs
Gatsby Starter Ghost
A starter template to build lightning fast websites with Ghost & Gatsby
Stars: ✭ 752 (+4913.33%)
Mutual labels:  netlify, gatsbyjs
archive-jul.sh
archive of my personal website built w gatsby.js
Stars: ✭ 31 (+106.67%)
Mutual labels:  netlify, gatsbyjs
netlify-faunadb-graphql-auth
Netlify functions example with faunadb, graphql, and authorization
Stars: ✭ 57 (+280%)
Mutual labels:  netlify, faunadb
Gatsby Starter Gcn
A starter template to build amazing static websites with Gatsby, Contentful and Netlify
Stars: ✭ 488 (+3153.33%)
Mutual labels:  netlify, gatsbyjs
gatsby-starter
Gatsby Starter for creating portfolio & blog.
Stars: ✭ 55 (+266.67%)
Mutual labels:  netlify, gatsbyjs
Gatsby Advanced Starter
A high performance skeleton starter for GatsbyJS that focuses on SEO/Social features/development environment.
Stars: ✭ 1,224 (+8060%)
Mutual labels:  netlify, gatsbyjs
Dantecalderon.dev
💻 ❤️ My personal website
Stars: ✭ 51 (+240%)
Mutual labels:  netlify, gatsbyjs
Gatsby Shopify Theme
🛒 Simple theme to build a blazing simple and fast store with Gatsby and Shopify.
Stars: ✭ 95 (+533.33%)
Mutual labels:  netlify, gatsbyjs
Discord Fork
An open source Discord Bot List made with GatsbyJS
Stars: ✭ 60 (+300%)
Mutual labels:  netlify, gatsbyjs
virtual-lolly
JAMstack demo site - prerendered with serverless API fallbacks
Stars: ✭ 110 (+633.33%)
Mutual labels:  netlify, faunadb
gatsby-starter-antoine
My opinionated Gatsby.js starter
Stars: ✭ 17 (+13.33%)
Mutual labels:  netlify, gatsbyjs
gatsby-portfolio
danielfr.com/
Stars: ✭ 36 (+140%)
Mutual labels:  netlify, gatsbyjs
30 Seconds Web
Website infrastructure for 30-seconds projects.
Stars: ✭ 391 (+2506.67%)
Mutual labels:  netlify, gatsbyjs
Here Covid 19 Tracker
Using HERE Technologies APIs, fork and build your own COVID-19 Tracker. For a live version, see the website.
Stars: ✭ 200 (+1233.33%)
Mutual labels:  netlify, gatsbyjs
gatsby-blog-template
✍️ A GatsbyJS Blog Template for blogging purposes.
Stars: ✭ 38 (+153.33%)
Mutual labels:  netlify, gatsbyjs
Unicorn Mart
A proof of concept e-commerce store leveraging Contentful, GatsbyJS, Stripe, and serverless via clay.run
Stars: ✭ 21 (+40%)
Mutual labels:  netlify, gatsbyjs

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

shopnote

How to run

This project uses Fauna as the data store. Plesae make sure to create an account with Fauna. Clone this project and follw these steps.

  • Create a database in Fauna called, shopnotes.
  • Upload the 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,
npm install -g netlify-cli
  • Install dependencies,
yarn install
  • Create a file called .env at the root of the project and copy-paste the Fauna Server key as,
FAUNA_SERVER_SECRET=YOUR_SECRET_KEY
  • Run the commands
netlify login

netlify dev

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

Build Status

Netlify Status

Step-by-step approach

How to create a client-serverless Jamstack app using Netlify, Gatsby and Fauna

Important Links

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].