saleor / saleor.io-learn Goto Github PK

1. Open https://learn-saleor.vercel.app/ in phone
2. Try to go to e.g. Definitions
   Result: this is not possible if the user does not have a link

It will be nice to migrate to the Next.js image component instead of using the HTML <img /> tag. During the process, we can add alt descriptions to all images as well 😄

widow → window

Try to search smg by search

Result: 404 page not found is shown

The images within Saleor CLI set of articles are not loaded. Please provide the proper path to images folder.

Hi,

Can I just double-check that the https://tutorial.saleor.cloud/graphql is the correct URI to use for the Apollo client in the tutorial? I am getting a NetworkError when I attempt to query this API using the FetchTwelveProducts query.

Thanks

Hello,

I am running the tutorial step by step and have encountered a syntax error when running localhost on the Sorting Products step.

I have copied the code in the query and component, and ran the npm run generate to create the React hooks but when I am running the development server the page does not display and I have the following error:

TypeError: Cannot read properties of undefined (reading 'Name')
  20 |       filter: { search: 'T-Shirt' },
  21 |       sortBy: {
> 22 |         field: ProductOrderField.Name,
     |               ^
  23 |         direction: OrderDirection.Desc
  24 |       }
  25 |     }

I have to add that I populated the database with the sample data and running SALEOR VERSION 3.4.10.

Could you help me solve that issue ?

Thanks

This page https://learn.saleor.io/checkout/checkout-creation/ at the bottom says:
At this stage, the checkout session exists in the application state as long as you don't refresh the page

I can see this is because on refresh the code will generate a new token each time! This results in the cart being cleared out.

I cannot see anywhere on the checkout docs where you fix this issue and make it persist on page refresh.

I used the following code which works, not sure if its the correct approach:

if(token == undefined)
{
    setToken(token);
}

And then, whenever the product page than these 4 pre-generated, we will block the request till the product page is generated using fallback: 'blocking'.

Something's wrong with the first part of the sentence above. Also the second part is not fully clear to me we will block the request till the product page is generated using fallback: 'blocking'. especially given that it's in the section titled Pages to generate at build-time. Probably worth a sentence of two of explanation or rephrasing?

Following this tutorial works for localhost. I can see the token being generated.
https://learn.saleor.io/checkout/checkout-creation/

When I deploy to Vercel the token is not generated.

data returns checkoutcreate that includes the token though, so this code is not picking it up when on vercel, but it does on localhost.

console.log(data)

{
    "checkoutCreate": {
        "checkout": {
            "token": "e2dd379b-b7dc-4619-9853-55cecb607461",
            "__typename": "Checkout"
        },
        "errors": [],
        "__typename": "CheckoutCreate"
    }
}

Is the code example correct?

We've just recently modified the structure of react-storefront and it's a monorepo now. storefront is now in apps/storefront.

https://learn.saleor.io/cli/getting-started/#getting-help
There are two broken links in the table of content on the right-hand side.

The header of https://saleor.io/ has the wrong link on mobile. Currently the "Saleor Tutorial" links to "httpshttps://saleor.io/learn" should be "https://saleor.io/learn"

While this does not apply to https://saleor.io/learn directly, I could not find a repository for the main site. If there is a better place for this issue, please close this and open a new issue there.