![Saleor Example: Next.js 13 App Router Starter](https://private-user-images.githubusercontent.com/200613/253924953-2de5b286-a05c-4eee-9591-b4b01c3c7ee7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjE5Nzg1NzMsIm5iZiI6MTcyMTk3ODI3MywicGF0aCI6Ii8yMDA2MTMvMjUzOTI0OTUzLTJkZTViMjg2LWEwNWMtNGVlZS05NTkxLWI0YjAxYzNjN2VlNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzI2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcyNlQwNzE3NTNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0yMWY0OTczNDA2M2VhMGQ1NDdmYWU1ZmQ3MTU4ZTA3MTRlYTNkNmJiMzI3YzE4ODI5ZGIzMGU2NWMxMThlNDM1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.tSjETgNpaDcl8mqB4tUuPaT-dOm7uvjjj5rITQB2UE4)
A minimalistic boilerplate to start developing Next.js applications with Saleor.
🤏 Bare bones: Useful for prototyping or building your stack from scratch.
💪 Typesafe: Get productive with code generation and types.
- Next.js App Router with static data fetching
- GraphQL Code Generator
- TypeScript
- pnpm
- Create a new repository from this template ("Use this template")
- Create
.env
file based on.env.example
:
cp .env.example .env
-
Replace the
SALEOR_API_URL
environment variable with the address of your Saleor instance. -
Install the dependencies:
pnpm i
- Generate the types based on GraphQL schema:
pnpm generate
- Start the development server:
pnpm dev
- Enjoy! 🎉