Next.js (App Router) Starter

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

🏠 Website • 📚 Docs • 📰 Blog • 🐦 Twitter • 💬 Discord

Tip

Questions or issues? Check our discord channel for help.

Motivation

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

💪 Typesafe: Get productive with code generation and types.

Stack:

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

Quickstart

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

cp .env.example .env

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

4. Install the dependencies:

pnpm i

5. Generate the types based on GraphQL schema:

pnpm generate

6. Start the development server:

pnpm dev

7. Enjoy! 🎉