zeing / saleor-website

Saleor Next Starter

A minimalistic boilerplate to start developing Next.js applications with Saleor.

🏠 Website • 📚 Docs • 📰 Blog • 🐦 Twitter

▶️ Demo • 🔎 Explore Code

Motivation

🤏 Bare bones: Useful for prototyping or building your stack from scratch.

💪 Typesafe: Get productive with code generation and types.

Stack:

• pnpm
• TypeScript
• Next.js with static data fetching
• urql
• GraphQL Code Generator

Quickstart

1. Create a new repository from this template ("Use this template")
2. Create .env file based on .env.example:

cp .env.example .env

Note: Currently, only .env is supported. .env.local and any other variation will not work with GraphQL Code Generator.

3. Replace the NEXT_PUBLIC_SALEOR_INSTANCE_URI environment variable with the address of your Saleor instance.

4. Install the dependencies:

pnpm i

5. Generate the types based on GraphQL schema:

pnpm codegen

6. Start the development server:

pnpm dev