GithubHelp home page GithubHelp logo

alexislepresle / gatsby-shopify-theme Goto Github PK

View Code? Open in Web Editor NEW
121.0 121.0 26.0 8.82 MB

๐Ÿ›’ Simple theme to build a blazing simple and fast store with Gatsby and Shopify.

Home Page: https://gatsby-shopify-store.netlify.com/

License: MIT License

JavaScript 97.65% Sass 2.35%
gatsby gatsby-shopify-theme gatsby-site gatsby-starter gatsby-starter-kit gatsby-theme gatsbyjs gatsbyjs-ecommerce netlify shopify storefront-api

gatsby-shopify-theme's Introduction

Hi there ๐Ÿ‘‹

gatsby-shopify-theme's People

Contributors

alexislepresle avatar dependabot[bot] avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

gatsby-shopify-theme's Issues

Fetch API cannot load

Hi @alexislepresle ,
I got this error on the homepage with my dev store credentials.

Fetch API cannot load webpack-internal:///./src/components/ProductList/productBox.js. URL scheme must be "http" or "https" for CORS request.

Do you what is causing this ?
Thanks

Poor Google Page Speed Results

Hi Alexis,

Hope you are doing well during this pandemic. I have been playing around with your theme/starter and I find it a joy to work with. Everything is perfect with the exception of one issue: Google Page Speed results

It seems like somewhere something is sending a doubled request and the JS bundle is unusually large. I have tried to remove things and analyzed with webpack bundle analyzer over the past month and a half but could not find the issue.

I thought asking you would be a good last resort.

netlify env variables

@alexislepresle I'm probably just doing something silly but what does your netlify.toml look like?

When trying to deploy I get this error undefined.myshopify.com/api/2019-07/graphql:1 from the store hook. I clearly just haven't set up my env variables correctly in netlify but I'm uncertain what the best way to go about it is.

Any help would be appreciated!

Can't run the application

Create the app and install dependencies.

gatsby new gatsby-shopify-theme https://github.com/alexislepresle/gatsby-shopify-theme
npm install
gatsby develop

Run into graphql error. Using node v14.15.4. Any clue on how to fix this?

Missing onError handler for invocation 'building-schema', error was 'Error: Cannot create as TypeComposer the following value: Date.'. Stacktrace was 'Error: Cannot create as TypeComposer the following
value: Date.
    at SchemaComposer.createTempTC (/Users/tony/Desktop/gatsby-shopify-theme/node_modules/graphql-compose/lib/SchemaComposer.js:365:11)
    at SchemaComposer.addAsComposer (/Users/tony/Desktop/gatsby-shopify-theme/node_modules/graphql-compose/lib/SchemaComposer.js:563:27)
    at createSchemaComposer (/Users/tony/Desktop/gatsby-shopify-theme/node_modules/gatsby/src/schema/schema-composer.js:16:18)
    at build (/Users/tony/Desktop/gatsby-shopify-theme/node_modules/gatsby/src/schema/index.js:104:26)
    at buildSchema (/Users/tony/Desktop/gatsby-shopify-theme/node_modules/gatsby/src/services/build-schema.ts:19:3)'

Facing a `CORS error`.

I have cloned and updated the .env variables, but I'm getting a CORS error
Screen Shot 2021-08-07 at 13 10 24

The same issue that I've faced using the CURL API, I believe I need to add something to my Shopify backend, could you please guide me on how to do that. it would be really appreciated.
Also, isn't it a security venerability to provide the Access token in the header of the call? and is there a better solution?

Thanks in advance.

IndexPage fails to compile

I love the work you guys are doing! I ran into an error just trying to get the index page to compile when I cloned your repo down.

Component names need to be capitalized in React, or they won't work I did a little digging and you just need to change these two lines:

const productList = ({data}) => {

and

export default productList;

Should be

const ProductList = ({data}) => {
export default ProductList;

Permalinks to those lines.

const productList = ({data}) => {

export default productList;

I can put in a PR if you'd like or you guys can handle it. /shrug

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.