yoonic / nicistore Goto Github PK
View Code? Open in Web Editor NEWIsomorphic React E-Commerce Storefront
License: MIT License
Isomorphic React E-Commerce Storefront
License: MIT License
When I run nicistore locally, the responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html because of which the UX is effected.
However, nicistore.com does not have this lag.
I have no idea what is causing this locally. I would really appreciate if you could give me any idea regarding it.
I checked the network graph in the client side and it has many gaps between requests as you can see in the attached pic which increases the page load time overall too.
I want to add the code to integrate Customer.guru the code is the following:
<script type="text/javascript"> window.customerguru=window.customerguru||[],customerguru.load=function(t,e){window.customerguru.client_token=t,window.customerguru.config=e=e||{};var r=e.forceSSL||"https:"===document.location.protocol,u=document.createElement("script");u.type="text/javascript",u.async=!0,u.src=(r?"https:":"http:")+"//cdn.customer.guru/embed/v1.js";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(u,o);for(var c=function(t){return function(){customerguru.push(Array.prototype.slice.call(arguments,0))}},n=["schedule"],s=0;s<n.length;s++)customerguru[n[s]]=c(n[s])}; customerguru.load("HIDDEN", { autoschedule: true, debug: true }); </script>
When I added to BaseHtml.js I couldn't start the App because of a fatal error.
Where can I add it so when customers hit the website it's there?
I tried integrating Crisp by adding my Website ID here but seems like there is no response. No chat show up, nothing. Any add up?
For example: if I add a new category in collections then I need to reload the page in order to see the addition reflected in the add products section. Obviously because I know this is the behavior I can just manually reload after making a change like that but is this something that could easily be fixed? Does this bother you at all or is it just me?
Hi when I run nicistore locally, although the app started in the server and is accessible to client, I got following console error in the client when accessing any page.
I am not sure if the issue is related but the responsive styling/css is loaded noticeably late (after around 2 sec) after the plain html because of which the UX is effected.
I was wondering what might have cause the issue for me locally as both the above issue is not present in nicistore.com.
Please let me know if you have any idea on it.
Error message on JS console is as following:
Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
(client) bv5gxs.5.1.0.1.0.1"> <span data-r
(server) bv5gxs.5.1.0.1.0.1"> <span d
I run locally on node 4.7.0 but css is not working with npm run dev.
I also get error GET http://0.0.0.0:3001/dist/bundle.js on console
Hello guys! I will be soon forking this project to keep it maintained (upgrading the dependencies, integrate Stripe, and updated admin panel). Is someone else interested?
I cannot add anything to the AdminOrdersEdit in terms of Fluxible Actions because it would appear anything after the ORDERS_ITEM_SUCCESS dispatch does not work because it is endlessly waiting for the Order Action to complete. Just wondering if you have any suggestions. It mentions cascading updates are done in sequence but any further Fluxible actions i'm attempting to get going do not work, period.
I was wondering if this project is still alive?
This is the third time that I open a issue about this, never got response or how to get it fixed. I'm trying to upload in development a image to a product or banner. It does not get uploaded no matter how many times I try or how much time I wait.
Here are some logs that got printed when I tried adding them:
I have not modified any route, Atlas is running perfectly and RethinkDB is running too. We've been trying to hack it out for days now but can't understand the code or how it's handling the requests. Hopefully waiting someone steps in and help me fix this.
**Please DO NOT close this issue without solving, responding or providing useful solution 💯 **
UPDATE: There is JWT key and everything is running smoothly. So that may not be the problem.
When adding a product image (yes, my own RethinkDB and Atlas hosted in other server for performance purpose) the page crashed, and now it doesn't send any data. How can I add images to products without dying in the try.
It's too much to say that neither that or sending e-mail through your own server isn't specified anywhere.
Hi, I'm trying to associate each item with options (split up the CartItems into distinct items each with an ID). I need to retrieve the user that's adding the items and add the Variants to each item based on user, so that they are stored. I can't seem to store the variant data for each individual product in metadata (I can't figure out how to associate an ID in ProductPage.js with the ID in CartItem.js).
I have been spending many hours playing with Redux, Fluxible and the API on this and having absolutely no success. Please advise me on this.
This runs on very old node version.
For example, the difference between a Collection and a Category. Would it be like, Category is "Apparel" and collection is "Spring"? Is collection a member of category, or are they independent? etc.
Hi, I'm novice, and trying to find an info related to payment gateways.
Can you help me? I want to setup a recurring payments, using Stripe.
Thanks in advance
Arthur
Can you please upgrade the react version as many of the plugins are not working with older version of react.
65% building modules 738/797 modules 59 active ...de_modules/react/lib/ReactFragment.jserror: Failed connecting to MongoDB no hostname or hostnames provided in connection string
info: Server start at http://127.0.0.1:3000
64% building modules 923/1012 modules 89 active ...refixer/lib/utils/unprefixProperty.js[nodemon] app crashed - waiting for file changes before starting...
I would very much appreciate if you have an idea why I am having this error. Am I supposed to have mongodb running?
cheers!!
Any quickstart on deploying this on Digital Ocean with Docker?
I'm just getting into this piece of code (Great Work!) and I'm wanting to add subcategories. Any suggestions on how to go about this? I'd be looking to have Brand as the main category, then Specific Phones (We're a cellphone shop). Also looking to add Variants. I just need an overall idea of how to go about this.
Thanks.
How to add a new currency? I use DOP, however the format that output is DOPXXXX, when we use RD$X,XXX.XX
Where should I refer to make these changes? @andreftavares
Hi
I realised that when running in dev mode using "npm run dev", when I navigate to localhost:3000 I get a non styled html page. This is not the case when running in "prod" mode using "npm run prod".
Is this intentional or am i missing something.
Hi, I'm trying to run you project(npm run dev) and receive an error:
Fatal error in ../deps/v8/src/api.cc, line 1051
==== C stack trace ===============================
node(v8::base::debug::StackTrace::StackTrace()+0x16) [0x15c5c06]
node(V8_Fatal+0xe8) [0x15c2d48]
node(v8::Template::Set(v8::Local<v8::Name>, v8::Local<v8::Data>, v8::PropertyAttribute)+0x107) [0x9f2817]
Can you help me please?
Actually this is not issue with nicistore and npm and nodejs. Nicistore is running perfectly but if you are planning to run it below 1024MB then it won't work. I spent 2 days on fixing and later I come to know that nodejs require more RAM. So if you are using right versions of npm node and though you are facing the cannot find module issue then just upgrade the ram
I'm running my store against the https://nicistore.com/v1/api
API. But seems that the page is working but not building.
I've cleaned cookies and other browsing histories. Tried with incognito (chrome) and safari.
Cache-wise, I think it's something related somewhere with the code. There you go with some screenshots:
Hi ,
I'm facing some issues while installing "npm install"
_**WARN invalid config loglevel="notice"
Cannot download "https://github.com/sass/node-sass/releases/download/v3.3.2/darwin-x64-57_binding.node": HTTP error 404 Not Found
[email protected] postinstall /Applications/MAMP/htdocs/nicistore/node_modules/node-sass
node scripts/build.js
Building: /usr/local/bin/node /Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js rebuild --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [ '/usr/local/bin/node',
gyp verb cli '/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library=' ]
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which
succeeded python /Users/tintu/anaconda3/bin/python
gyp verb check python version python -c "import platform; print(platform.python_version());"
returned: "3.6.3\n"
gyp ERR! configure error
gyp ERR! stack Error: Python executable "python" is v3.6.3, which is not supported by gyp.
gyp ERR! stack You can pass the --python switch to point to Python >= v2.5.0 & < 3.0.0.
gyp ERR! stack at failPythonVersion (/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/lib/configure.js:110:14)
gyp ERR! stack at /Applications/MAMP/htdocs/nicistore/node_modules/pangyp/lib/configure.js:99:9
gyp ERR! stack at ChildProcess.exithandler (child_process.js:267:7)
gyp ERR! stack at emitTwo (events.js:126:13)
gyp ERR! stack at ChildProcess.emit (events.js:214:7)
gyp ERR! stack at maybeClose (internal/child_process.js:925:16)
gyp ERR! stack at Process.ChildProcess.handle.onexit (internal/child_process.js:209:5)
gyp ERR! System Darwin 17.5.0
gyp ERR! command "/usr/local/bin/node" "/Applications/MAMP/htdocs/nicistore/node_modules/pangyp/bin/node-gyp.js" "rebuild" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd /Applications/MAMP/htdocs/nicistore/node_modules/node-sass
gyp ERR! node -v v8.11.2
gyp ERR! pangyp -v v2.3.3
gyp ERR! not ok**
npm => 5.6.0
node => v8.11.2
MAC OX
When trying to add an image on the admin panel, throws an error that suddenly and close storefront.
Error:
ERROR: atlas/1958 on Mateos-MacBook-Pro.local: Unable to process file upload (module=resources, resource=files, err.code=ENOENT)
Error: ENOENT: no such file or directory, open '/Users/mmpersonal/store/atlas/uploads/products/751fd9cf-2e71-4b91-ab5f-b4583b0c1e88-iphone-6_1_.jpg'
at Error (native)
I resolve it by deleting the RethinkDB table and create it again.
I got 2 errors, please help
gyp http 404 http://nodejs.org/dist/v6.9.2/x64/node.lib
gyp WARN install got an error, rolling back install
gyp verb command remove [ '6.9.2' ]
gyp verb remove using pangyp dir: C:\Users....node-gyp
gyp verb remove removing target version: 6.9.2
gyp verb remove removing development files for version: 6.9.2
gyp http 404 http://nodejs.org/dist/v6.9.2/node.lib
gyp verb download contents checksum {"node-v6.9.2.tar.gz":"997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9"}
gyp verb validating download checksum for node-v6.9.2.tar.gz (997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9 == 997121460f3b4757907c2d7ff68ebdbf87af92b85bf2d07db5a7cb7aa5dae7d9)
gyp ERR! configure error
gyp ERR! stack Error: 404 status code downloading 64-bit node.lib
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: NODE_ENV=development DEBUG=nicistore node index
npm ERR! Exit status 1
npm ERR!
I am trying to update React from version 0.13.3 to the current version 15.6.1. But when I make npm run dev
, I get the following error:
Unhandled Server Error (Oops!) +4ms TypeError: Cannot read property 'run' of undefined
at callee$1$0$ (/Users/biel/workspace/sonder/client/src/server.js:141:9)
at tryCatch (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:61:40)
at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:328:22)
at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:94:21)
at GeneratorFunctionPrototype.invoke (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:136:37)
Here dependencies
of my package.json
:
"dependencies": {
"async": "1.5.2",
"babel": "5.8.38",
"css-loader": "0.18.0",
"debug": "2.2.0",
"expose-loader": "0.7.0",
"express": "4.13.3",
"file-loader": "0.8.4",
"flux": "^3.1.3",
"fluxible": "^1.4.0",
"fluxible-addons-react": "^0.2.13",
"intl": "1.1.0",
"intl-locales-supported": "1.0.0",
"marked": "^0.3.5",
"moment": "^2.13.0",
"node-sass": "4.5.3",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-ga": "^2.2.0",
"react-intl": "1.2.2",
"react-router": "4.2.0",
"react-view-pager": "^0.5.1",
"react-with-addons": "0.0.1",
"sass-loader": "2.0.1",
"serialize-javascript": "1.2.0",
"style-loader": "0.12.4",
"superagent": "1.8.3"
}
Here devDependencies
of my package.json
:
"devDependencies": {
"autoprefixer-loader": "3.1.0",
"babel-core": "5.8.38",
"babel-loader": "5.4.0",
"babel-runtime": "5.8.38",
"extract-text-webpack-plugin": "1.0.1",
"livereload-js": "^2.2.2",
"strip-loader": "0.1.2",
"webpack": "1.12.15",
"webpack-dev-server": "1.10.1",
"webpack-livereload-plugin": "^0.11.0",
"webpack-stats-plugin": "0.1.1"
}
Here my modified server.js
:
https://gist.github.com/BiliWeiss/f150c8f3ae1373243a23eb03137a51f4
I've read that since the release of React Router v1.0, the run
method has been removed and I changed for ReactDOM.render
:
...
ReactDOM.render(app.getComponent(), req.originalUrl, async function (Handler, state) {
// Trigger fetching and wait for the data required by the components of the given route
await fetchData(context, state);
...
But now, I get:
Unhandled Server Error (Oops!) +11ms { Invariant Violation: _registerComponent(...): Target container is not a DOM element.
at invariant (/Users/biel/workspace/sonder/client/node_modules/fbjs/lib/invariant.js:44:15)
at Object._renderNewRootComponent (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:310:76)
at Object._renderSubtreeIntoContainer (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:401:32)
at Object.render (/Users/biel/workspace/sonder/client/node_modules/react-dom/lib/ReactMount.js:422:23)
at callee$1$0$ (/Users/biel/workspace/sonder/client/src/server.js:141:18)
at tryCatch (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:61:40)
at GeneratorFunctionPrototype.invoke [as _invoke] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:328:22)
at GeneratorFunctionPrototype.prototype.(anonymous function) [as next] (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:94:21)
at GeneratorFunctionPrototype.invoke (/Users/biel/workspace/sonder/client/node_modules/regenerator/runtime.js:136:37) name: 'Invariant Violation', framesToPop: 1 }
Anyone know what I'm doing wrong can help me?
When entering npm run dev
it get freezed on
webpack: Compiled successfully.
It actually takes over 30 minutes to 1 hour on a 512MB memory and 20 GB Disk running on Ubuntu 16.04.2 x64
Sometimes (like what I am experiencing now) takes forever to start, and never do nothing. What to do in this case?
Does anyone have any recommendations on how to run this application with and an SSL certificate? Im hosting the app and the api on 2 separate digitalocean droplets, however i am receiving the http/https mixed content error message.
gyp http 404 http://nodejs.org/dist/v8.11.1/x64/node.lib
gyp WARN install got an error, rolling back install
gyp verb command remove [ '8.11.1' ]
gyp verb remove using pangyp dir: C:\Users\KH9300.node-gyp
gyp verb remove removing target version: 8.11.1
gyp verb remove removing development files for version: 8.11.1
gyp http 404 http://nodejs.org/dist/v8.11.1/node.lib
gyp verb download contents checksum {"node-v8.11.1.tar.gz":"86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad"}
gyp verb validating download checksum for node-v8.11.1.tar.gz (86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad == 86678028f13b26ceed08efc4b838921ca1bf514c0b7e8151bfec8ba15c5e66ad)
gyp ERR! configure error
gyp ERR! stack Error: 404 status code downloading 64-bit node.lib
gyp ERR! stack at Request. (D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\lib\install.js:403:20)
gyp ERR! stack at emitOne (events.js:121:20)
gyp ERR! stack at Request.emit (events.js:211:7)
gyp ERR! stack at Request.onRequestResponse (D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\node_modules\request\request.js:1255:10)
gyp ERR! stack at emitOne (events.js:116:13)
gyp ERR! stack at ClientRequest.emit (events.js:211:7)
gyp ERR! stack at HTTPParser.parserOnIncomingClient (_http_client.js:551:21)
gyp ERR! stack at HTTPParser.parserOnHeadersComplete (_http_common.js:115:23)
gyp ERR! stack at TLSSocket.socketOnData (_http_client.js:440:20)
gyp ERR! stack at emitOne (events.js:116:13)
gyp ERR! System Windows_NT 10.0.16299
gyp ERR! command "C:\Program Files\nodejs\node.exe" "D:\Marketplace\AppVantage\nicistore\node_modules\pangyp\bin\node-gyp.js" "rebuild" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd D:\Marketplace\AppVantage\nicistore\node_modules\node-sass
gyp ERR! node -v v8.11.1
gyp ERR! pangyp -v v2.3.3
gyp ERR! not ok
Build failed
npm WARN [email protected] No license field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] postinstall: node scripts/build.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
Hello @andreftavares
I have installed your app on my server and to access app through web I have set virtualhost using proxy and reverse proxy and point it to my domain name.
Something like
ServerName example.com
ProxyPreserveHost On
ProxyPass / http://127.0.0.1:3000/
ProxyPassReverse / http://127.0.0.1:3000/
Now I can see your app at example.com but with no css. When I check console it is showing missing bundle.js because it has host and port like 0.0.0.0:3001. If I run site in my localhost it is working good but on server it has issue due to those host and port.
https://www.awesomescreenshot.com/image/3112309/93e7209546c237ed58442d4f9a3d65df
GET http://0.0.0.0:3001/dist/bundle.js net::ERR_CONNECTION_REFUSED
So is there any work around to fix this issue? I am seeing those host and port defined in dev.config.js and I am not sure how to fix it
nicistore/webpack/stats.js says "css are not needed since they are inject inline with webpack", but that doesn't work for me. What's happening?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.