Giter Club home page Giter Club logo

chec / commercejs-nextjs-vercel Goto Github PK

View Code? Open in Web Editor NEW
83.0 6.0 26.0 22.4 MB

Serverless eCommerce demo store built for the Jamstack. Built with Commerce.js, Next.js and can be one click deployed to Vercel. Includes product catalogue, categories, variants, cart, checkout, order confirmation and printable receipts. This is an open source project.

Home Page: https://commercejs-nextjs-vercel.vercel.app/

License: BSD 3-Clause "New" or "Revised" License

JavaScript 75.99% Shell 0.25% SCSS 23.76%
ecommerce commercejs chec open-source nextjs vercel one-click-deploy serverless jamstack demo-store

commercejs-nextjs-vercel's Issues

Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.

  • Add a product to cart
  • Go to the checkout
  • See error in the console
index.js:1 Warning: Failed prop type: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.
    in input (at ShippingForm.js:51)
    in label (at ShippingForm.js:47)
    in div (at ShippingForm.js:46)
    in div (at ShippingForm.js:45)
    in ShippingForm (at checkout/index.js:369)
    in div (at checkout/index.js:368)
    in form (at checkout/index.js:363)
    in div (at checkout/index.js:347)
    in div (at checkout/index.js:346)
    in div (at checkout/index.js:328)
    in Root (at checkout/index.js:323)
    in CheckoutPage (created by ConnectFunction)

Get this issue when using already put fake payment in log

Unhandled Promise Rejection: TypeError: a.message.forEach is not a function. (In 'a.message.forEach((function(e,n){var a=e.param,i=e.error;t.setState({errors:q({},t.state.errors,Object(o.a)({},a,i))})}))', 'a.message.forEach' is undefined)

index.js:1 Warning: Received `false` for a non-boolean attribute `disable`.

  • Add a product to cart
  • Go to checkout
  • See console error
index.js:1 Warning: Received `false` for a non-boolean attribute `disable`.

If you want to write it to the DOM, pass a string instead: disable="false" or disable={value.toString()}.

If you used to conditionally omit it with disable={condition && value}, pass disable={condition ? value : undefined} instead.
    in button (at checkout/index.js:460)
    in form (at checkout/index.js:452)
    in div (at checkout/index.js:421)
    in div (at checkout/index.js:420)
    in div (at checkout/index.js:346)
    in div (at checkout/index.js:328)
    in Root (at checkout/index.js:323)
    in CheckoutPage (created by ConnectFunction)

Null pointer errors in production build

The build is successfully deployed and I have no error in dev env but when I got to the production url I have the following error screen.

An unexpected error has occurred.

And this in console:

framework.0bfd43c6146a5dba8d12.js:1 TypeError: Cannot read property 'trim' of undefined
at d (commons.ccaa6ed8e52a07b02bab.js:1)
at b (commons.ccaa6ed8e52a07b02bab.js:1)
at l.value (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at l.value (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at ref (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at Fu (framework.0bfd43c6146a5dba8d12.js:1)
at t.unstable_runWithPriority (framework.0bfd43c6146a5dba8d12.js:1)
at ql (framework.0bfd43c6146a5dba8d12.js:1)
at Ru (framework.0bfd43c6146a5dba8d12.js:1)
at ku (framework.0bfd43c6146a5dba8d12.js:1)
vo @ framework.0bfd43c6146a5dba8d12.js:1
main-91b36d8235fedba5b259.js:1 TypeError: Cannot read property 'trim' of undefined
at d (commons.ccaa6ed8e52a07b02bab.js:1)
at b (commons.ccaa6ed8e52a07b02bab.js:1)
at l.value (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at l.value (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at ref (084d51adf43dd2d7326ea0fbfb8671e688ad3cdb.9356addacf4eb76817cf.js:1)
at Fu (framework.0bfd43c6146a5dba8d12.js:1)
at t.unstable_runWithPriority (framework.0bfd43c6146a5dba8d12.js:1)
at ql (framework.0bfd43c6146a5dba8d12.js:1)
at Ru (framework.0bfd43c6146a5dba8d12.js:1)
at ku (framework.0bfd43c6146a5dba8d12.js:1)
(anonymous) @ main-91b36d8235fedba5b259.js:1
08dcbcd9148ab9537593b0245b36b2b2f30850b6.c5fa99948ff0e1873b9b.js:1 Uncaught TypeError: Cannot read property 'getBoundingClientRect' of null
at s.value (08dcbcd9148ab9537593b0245b36b2b2f30850b6.c5fa99948ff0e1873b9b.js:1)
Failed to load resource: the server responded with a status of 404 ()

Sunset this repository in favour of commercejs-nextjs-demo-store

This repository was originally created as a copy of https://github.com/chec/commercejs-nextjs-demo-store. It has some different products in it, and the readme is focussed around deploying it to Vercel rather than Netlify.

We want to sunset/archive this repository and focus on the other one, which can be configured to deploy to both Vercel and Netlify.

Tasks:

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.