gatsby-starter-shopify
js-buy-sdk
Our great sponsors
gatsby-starter-shopify | js-buy-sdk | |
---|---|---|
11 | 8 | |
306 | 963 | |
1.6% | 0.4% | |
0.0 | 5.7 | |
over 1 year ago | 3 months ago | |
JavaScript | JavaScript | |
BSD Zero Clause License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
gatsby-starter-shopify
-
Gatsby starters: 30 free Gatsby templates for blazingly fast website building
GitHub source
-
What your process like building Shopify Theme with Gatsby?
Link to your store Follow these instructions here to link your Shopify store. Create a .env file with your Shopify store URL, password, and Storefront access token, using the .env.example file as an example. If you want to try with a development store, see the sample data and instructions here.
-
Gatsby & Shopify: Is it possible to setup user log-in on the frontend?
Would you say gatsby-shopify-starter is generally a good place to start wirh Gatsby & Shopify?
-
Is switching to Gatsby front-end for Shopify worth it? How is the dev support and integration? Can you still use Shopify apps?
Are you referring to the payment processing being done at a Shopify's domain instead of the original one? Like how on this gatsby-shopify-demo when clicking checkout it's redirected to https://gatsby-dev-30k-sku.myshopify.com/56348803256/checkouts/....?
-
Gatsby SSR
Update: I actually realised that I didn't have nginx-proxy container running! However I'm still having issues accessing pages that are served via SSR.. i.e. '/search', when running 'gatsby serve' behind the nginx reverse proxy. I just get a 404. I can access '/search' when running locally (on port 9000) but not when it's dockerized. I'm aware it may be the case that SSR in Gatsby refers to service rendering purely to produce a build but when I build and deploy the static assets to be served under nginx '/search' still produces a 404. In a nutshell '/search' doesn't work unless being accessed by 'gatsby serve' with no reverse proxy. I've been voicing my troubles on this GitHub ticket: https://github.com/gatsbyjs/gatsby-starter-shopify/issues/57
- What are the advantages of using Shopify StoreFront API to instead of pulling product catalog from a headless CMS?
-
E-Commerce Stack Suggestions
I absolutely love Gatsby, but more so for marketing sites. When it comes to Ecommerce, Gatsby developed a Shopify starter: https://github.com/gatsbyjs/gatsby-starter-shopify
-
Gatsby + Shopify: Can you do collection page filtering? Or would Next.js be a better choice?
If you feel like using Gatsby instead, the other store I linked can be forked from here.
-
[HIRING] Gatsby Developer for Headless Store - Shopify and CMS
My budget for now is around 1000-1100$. Because this project is without design and styling, and because there is a huge Gatsby Shopify Starter I think a lot of work has already been done.
js-buy-sdk
-
Embedding a Shopify collection into a React app
Shopify JS Buy SDK
-
Build an ecommerce app with Next.js and Shopify
To do so, you will need the Shopify JavaScript Buy SDK, which you can get by installing the necessary package:
-
Trying to decide on platform: anyone regret choosing WooCommerce?
This is not completely true. This depends on what kind of development resources you have access to. Shopify has very robust APIs that allow you to build what ever storefront you can imagine - and by implementing something like The Shopify Buy SDK into your website or application, this can also be hosted wherever you want (A headless ecommerce store). You just use Shopify for its checkout. WooCommerce has a hard time competing with this (it can be done, but it doe not come close to comparing at the moment).
- E-Commerce Stack Suggestions
-
Built a Shopify store with Next.js 😁
The JavaScript Buy SDK is an SDK for hitting the Store Front API. Basically, you can use this SDK for product information and cart operations, so I thought I'd use it entirely, but there were some problems. The SDK is only used for cart operations such as adding and deleting products, while the GraphQL client library (graphql-request) is used for retrieving product information and search functions on the product page, directly hitting the Store Front API. This is because, first of all, JS Buy SDK seems to have an old type definition of TypeScript, and the type information does not match the property that can actually be retrieved, and it is necessary to extend the type definition partially by oneself. This was the first time for me to extend the type definitions, so I learned a lot, but it was troublesome to determine which properties were typed and which were not. Also, the basic properties supported by the SDK are only a part of the information that can be retrieved by the Store Front API as described in the official documentation, and when I tried to extend the SDK, it seemed to be so cumbersome (for example, the collection page does not support sorting of products). (Sorting is achieved with the SDK like this) Therefore, I decided to use the SDK only for cart operations where the SDK is sufficient, extending the library's typedefs, and to define a custom client to directly access to the Store Front API for the rest.
-
Best Practice In GraphQL Queries
Hi, I'm just wondering, it seems that in the storefront-api-examples they use babel-plugin-graphql-js-client-transform to transform GraphQL queries into the format from js-buy-sdk (as far as I understand), but what's wrong with fetch('https://SHOP_NAME.myshopify.com/api/2021-07/graphql.json', {...}), is this somehow deprecated?
What are some alternatives?
next-shopify-starter - Nextjs + Tailwind CSS + Shopify Starter
storefront-api-examples - Example custom storefront applications built on Shopify's Storefront API
gatsby-plugin-apollo-client - 📡Inject a Shopify Apollo Client into the browser.
nextjs-shopify-store - Shopify Store by Next.js [Moved to: https://github.com/momonoki1990/nextjs-shopify-store]
babel-plugin-graphql-js-client-transform
Shopify-api-node - Node Shopify connector sponsored by MONEI
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
shopify-theme-lab - Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
nextjs-shopify-store - Shopify Store by Next.js
commerce - Next.js Commerce
shopify-packer - Modern development tool for Shopify using Webpack 5. Easy to extend and customize, zero build config, compatible with Slate and existing websites.