A website for ceramics. This repo is the frontend for a saleor backend. It uses Next.js 14 and GraphQL.
Copy environment variables from .env.example to .env:
cp .env.example .envEdit .env and set NEXT_PUBLIC_SALEOR_API_URL to your Saleor GraphQL endpoint URL, e.g., https://example.saleor.cloud/graphql/.
Then, install pnpm and run the following command to install all dependencies in the repo:
pnpm iCurrently, Saleor Storefront supports payments via the Saleor Adyen App. To install and configure the payment app go to the "Apps" section in the Saleor Dashboard (App Store is only available in Saleor Cloud).
WARNING: To configure the Adyen App, you must have an account with Adyen.
To start the development server, run the following:
pnpm devThe app is now running at http://localhost:3000.
NOTE: Saleor Storefront is a Next.js app. In case you are not familiar with Next.js, we recommend you to read the Next.js documentation (make sure you've selected "Using App Router" in the sidebar).
After altering or creating new GraphQL queries in gql folder, you need to run the following command to generate types and javascript queries:
pnpm run generateVisit http://{your-host}/api/draft to enable cookies that disable caching to preview catalog and content changes instantly. Learn more about the Draft Mode in Next.js docs.
- Navbar items are text, commas between each
- Landing page is a large slide show with nav arrows