vuestorefront / template-shopify Goto Github PK

View Code? Open in Web Editor NEW

15.0 23.0 6.0 1.76 MB

Vue 87.66% TypeScript 2.82% JavaScript 9.51%

shopify nuxtjs vue vue-storefront vuestorefront

template-shopify's Introduction

Alokai Shopify Template

Stay connected

Alokai template for Shopify.

Setup

Create a .env inline with middleware.config.js file and fill the following required variables

SHOPIFY_STOREFRONT_TOKEN=<SHOPIFY_ACCESS_TOKEN>
SHOPIFY_DOMAIN=<SHOPIFY_DOMAIN> # example: vsf-next-pwa.myshopify.com
BASE_URL=<API_DOMAIN> # example: localhost:3001

Run the project

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs / Alokai Docs.

Contributing

This repository is autogenerated. If you want to contribute to Shopify integration please use https://github.com/vuestorefront/shopify.

template-shopify's People

Contributors

Stargazers

Watchers

Forkers

aureate-labs-team radzikowski isabella232 viralrana77 bellyfat roger120981

template-shopify's Issues

question: is the `~/server-middleware/custom-features.js` file actually needed and/or used?

This file is only used here. But it's not clear to me what it's use is. I actually doubt that it's being used at all.

Could you please explain?

Sign Up Error

Hello,

I've found an issue in the Sign Up page, while I try to sign up a email that exist already instaed of giving me a "normal error" from Shopify such as "This email exist already" or something like that, it just give me a VSF error.

[VSF][error]: useUser/register TypeError: Cannot read properties of undefined (reading 'customerUserErrors')

Product.vue issue breaking template

Hi,

Seems like latest PR caused an issue within Product.vue

Clean pull, and running yarn dev,

ERROR in ./pages/Product.vue?vue&type=template&id=03500634&scoped=true& (./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./pages/Product.vue?vue&type=template&id=03500634&scoped=true&) Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js)

and

Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

Looks like stray end tag on L233 of Product.vue, or incorrect nesting at the end.

Thanks,
Lee

Readme title misspelled

# Vue Storefron Shopify Template should be # Vue Storefront Shopify Template

Update to v1.0.17

template needs to be updated to the newest version
https://github.com/vuestorefront/shopify/tags

CORS from local dev

Hi Guys,

I'm CORS error when running locally. Any ideas?

from origin 'http://localhost:3001' has been blocked by CORS policy:

Cheers

http / https Issue deploying to server using pm2, loop occurring when trying to access via domain

Hi,

Having an issue trying to deploy this onto a server, we've setup an nginx server with yarn 1, node 14, npm 6

We're using pm2 to handle instances / ensure continuous deployment.

It works absolutely fine via server IP, e.g. we can access via http://iphere:3800 but setting up a domain to proxy that, e.g. just a general url, it's causing a redirect loop and memory is spiking, the items looping are:

89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-" 89.145.68.175 - - [17/Aug/2021:11:24:22 +0100] "POST /api/shopify/fetchCustomer HTTP/1.1" 301 169 "-" "axios/0.21.1" "-"

This keeps going until the server eventually returns a 504 gateway timeout.

Is there anything specifically needing done to help this work on a server? I see the demo is working fine, just trying to figure out where we're going wrong.

Thanks,
Lee

Invalid .env

Current .env

SHOPIFY_DOMAIN= 'vsf-next-pwa.myshopify.com',
SHOPIFY_STOREFRONT_TOKEN= '03f21475b97c18fa05c0ab452c368af4'

Normal .env

SHOPIFY_DOMAIN=vsf-next-pwa.myshopify.com
SHOPIFY_STOREFRONT_TOKEN=03f21475b97c18fa05c0ab452c368af4