snipcart-gatsby-grav - Grav as Headless CMS Tied to Gatsby with GraphQL Schema

  •        31

This repo contains the code for a demo Gatsby website, it uses Snipcart for e-commerce and gets the product information from a Grav headless setup.

https://snipcart.com/blog/react-graphql-grav-cms-headless-tutorial
https://github.com/snipcart/snipcart-gatsby-grav

Dependencies:

gatsby : ^1.9.158
gatsby-link : ^1.6.34
gatsby-plugin-react-helmet : ^2.0.3
react-helmet : ^5.2.0

Tags
Implementation
License
Platform

   




Related Projects

gatsby-mdx - Gatsby+MDX • Transformers, CMS UI Extensions, and Ecosystem Components for ambitious projects

  •    Javascript

Gatsby-MDX is a fully featured MDX transformer, runtime, and ecosystem integrations for ambitious projects. It integrates MDX with Gatsby to enable rich JAMStack applications. Using gatsby-mdx you can build interactive software documentation sites, apply design system components to rendered markdown and more... See CONTRIBUTING.md.

gatsby-starter-netlify-cms - Example gatsby + netlify cms project

  •    Javascript

Note: This starter uses the Gatsby v2 Beta. This repo contains an example business website that is built with Gatsby, and Netlify CMS: Demo Link.

Gatsby - Blazing fast static site generator for React

  •    Javascript

Gatsby is a blazing fast static site generator for React. Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

grav-plugin-admin - Grav Admin Plugin

  •    CSS

This admin plugin for Grav is an HTML user interface that provides a convenient way to configure Grav and easily create and modify pages. This will remain a totally optional plugin, and is not in any way required or needed to use Grav effectively. In fact, the admin provides an intentionally limited view to ensure it remains easy to use and not overwhelming. I'm sure power users will still prefer to work with the configuration files directly. We have tested internally, but we hope to use this public beta phase to identify, isolate, and fix issues related to the plugin to ensure it is as solid and reliable as possible.

grav-learn - Grav Learn (exhaustive grav documentation)

  •    CSS

This is the repository for all the functionality of https://learn.getgrav.org. It is what we call a skeleton in that it's drop-in replacement for the user/ folder in Grav. At this point the required plugins and vendor libraries should be installed, and your learn site should be fully functional.


Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS

  •    PHP

Grav is a Fast, Simple, and Flexible, file-based Web-platform. There is Zero installation required. Just extract the ZIP archive, and you are already up and running. It follows similar principles to other flat-file CMS platforms, but has a different design philosophy than most. Grav comes with a powerful Package Management System to allow for simple installation and upgrading of plugins and themes, as well as simple updating of Grav itself.

gatsby-style-guide-guide - A boilerplate for creating your own custom style guide

  •    Javascript

Style Guide Guide is a boilerplate for creating a custom style guide for your organization's design system. It provides just enough IA and hooks to get you going. As a bonus, I've provided links to helpful resources and inspiration to help you as you create your own custom style guide. Gatsby Style Guide Guide is built using Gatsby, a site generator built with React.

gatsby-plugin-transition-link - A link component for page transitions in gatsby

  •    Javascript

TransitionLink provides a simple api for describing expressive transitions between pages in Gatsbyjs. Page links are used to determine which transition should fire, making page transitions flexible and easy to use. For info on using TransitionLink refer to the docs. The source for the docs site is available here.

Tina - Site editing toolkit for modern React-based sites (Gatsby and Next.js)

  •    Typescript

Tina is an open-source site editing toolkit for React-based frameworks (Gatsby & Next.js). Manage content on your own site, not another platform. Import Tina directly into your components to expose an editing interface for controlling and updating layers of your content mesh. You define the content model and editing powers specific to your site.

RedwoodJS - Bringing full-stack to the Jamstack

  •    Javascript

Redwood is an opinionated, full-stack, serverless web application framework that will allow you to build and deploy JAMstack applications with ease. Imagine a React frontend, statically delivered by CDN, that talks via GraphQL to your backend running on AWS Lambdas around the world, all deployable with just a git push—that's Redwood. By making a lot of decisions for you, Redwood lets you get to work on what makes your application special, instead of wasting cycles choosing and re-choosing various technologies and configurations. Plus, because Redwood is a proper framework, you benefit from continued performance and feature upgrades over time and with minimum effort.

Grav - Configurable animations based on points

  •    Java

Grav is a library for android which allow you to make multiple animations based on points. The library is composed of generators, each generator takes care of one thing. Composing different generators you can obtain different results.

gray-matter - Smarter yaml front matter parser, used by metalsmith, gatsby, netlify, assemble, mapbox-gl, phenomic, and many others

  •    Javascript

Parse front-matter from a string or file. Fast, reliable and easy to use. Parses YAML front matter by default, but also has support for YAML, JSON, TOML or Coffee Front-Matter, with options to set custom delimiters. Used by metalsmith, assemble, verb and many other projects. Please consider following this project's author, Jon Schlinkert, and consider starring the project to show your ❤️ and support.

here-covid-19-tracker - Using HERE Technologies APIs, fork and build your own COVID-19 Tracker

  •    Javascript

Update: March 17, 2020 - The production version of this map has been updated and refined to listing countries only. We will publish the updated GitHub repo as soon as possible. This repository is the code used to power the HERE-hosted COVID-19 map. HERE is releasing this code to the community so that any developer may iterate, improve or even recommend features/functionality through Pull Requests.

Saleor Commerce - A headless, GraphQL-first e-commerce platform delivering ultra-fast, dynamic, personalized shopping experiences

  •    Python

Saleor is a rapidly-growing open source e-commerce platform that has served high-volume companies from branches like publishing and apparel since 2012. Based on Python and Django, the latest major update introduces a modular front end powered by a GraphQL API and written with React and TypeScript.

example-storefront - Example Storefront is Reaction Commerce’s headless ecommerce storefront - Next

  •    Javascript

Reaction Commerce is an API-first, headless commerce platform built using Node.js, React, and GraphQL. It plays nicely with npm, Docker and Kubernetes. This Example Storefront is to serve as a reference on how to implement a web based storefront using the Reaction Commerce GraphQL API. You can fork this project as a jumping off point or create your own custom experience using your prefered client-side technology. While we believe our example storefront is full featured enough to use in production, it may be missing features your shop requires at this time.

gocommerce - A headless e-commerce for JAMstack sites

  •    Go

A small go based API for static e-commerce sites.It handles orders and payments. Integrates with Stripe for payments and will support international pricing and VAT verification.

Reaction - API-first, headless commerce platform built using Node.js, React, GraphQL. Deployed via Docker and Kubernetes

  •    Javascript

Reaction Commerce is an API-first, modular commerce stack made for ambitious brands and retailers. Reaction’s service-based architecture is built to deliver flexibility and freedom at scale. Reaction can power any business model or shopper experience you can imagine. Get powerful core commerce capabilities right out of the box, and easily replace or customize anything as your business evolves.

Shopsys Framework - ECommerce platform dedicated to large size companies facing digital transformation

  •    PHP

Shopsys Framework is an open-source ecommerce platform dedicated to large size companies facing digital transformation. The platform is used to build B2C, B2B, and hybrid projects in which flexibility, modern technologies, and superior quality are the deciding factors. Shopsys Framework is a solution that was specially created to help ecommerce companies adapt to the omnichannel world. Shopsys Framework can be used to develop classic online stores, B2B platforms, and hybrid solutions. The platform can also be integrated with many external systems, such as ERP, WMS, PIM, etc.

gantry5 - :rocket: Next Generation Template / Theme Framework

  •    PHP

Ready to get started with Gantry 5? That's great! We are here to help. On this page, you will get some quick tips to help you hit the ground running with Gantry 5. You can find more detailed documentation for each of these tips by clicking the Learn More button at the bottom of each section.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.