<h2>Overview:</h2>
<p>The Saleor Apps Discord Badge is a repository that acts as an entry point for exploring Saleor apps. Saleor apps are individual applications that utilize GraphQL to communicate with the Saleor server and receive event notifications via webhooks.</p>
<h2>Features:</h2>
<ul>
<li><strong>avatax</strong>: Calculates dynamic taxes through the Avatax API.</li>
<li><strong>cms</strong>: Exports products from Saleor to Content Management Systems.</li>
<li><strong>crm</strong>: Exports customers from Saleor to Customer Relationship Management systems.</li>
<li><strong>data-importer</strong>: Imports data from CSV files to Saleor.</li>
<li><strong>emails-and-messages</strong>: Manages notifications and email communication with customers.</li>
<li><strong>invoices</strong>: Generates an invoice PDF for each order.</li>
<li><strong>klaviyo</strong>: Sends Saleor events to Klaviyo for customer notifications.</li>
<li><strong>products-feed</strong>: Generates product feed in XML format.</li>
<li><strong>search</strong>: Connects Saleor with search engines.</li>
<li><strong>smtp</strong>: Manages email communication with customers.</li>
</ul>
<h2>Summary:</h2>
<p>The Saleor Apps Discord Badge repository provides a selection of separate applications that can enhance the functionality of Saleor by enabling various features such as tax calculations, CRM integration, email communication, and more. By utilizing GraphQL and webhooks, these apps offer seamless communication with the Saleor server, enhancing the overall user experience. Explore the apps list to leverage the power of Saleor apps in your e-commerce setup.</p>


<h2>Overview</h2>
<p>MacawUI is an official React UI components kit designed for Saleor, an open-source GraphQL-first and Next.js ready e-commerce platform. It provides a collection of elements used in the creation of Saleor's dashboard interface, allowing users to create Saleor Apps with ease. MacawUI aims to enhance the development process and empower users to create impactful projects.</p>
<h2>Features</h2>
<ul>
<li><strong>Official React UI components kit:</strong> MacawUI is the official React UI components kit for Saleor, ensuring compatibility and seamless integration with the platform.</li>
<li><strong>Complete Dashboard Interface:</strong> The kit includes a comprehensive collection of elements used in the creation of Saleor's dashboard interface, providing users with all the necessary UI components to build their own apps.</li>
<li><strong>Next.js Ready:</strong> MacawUI is designed to work seamlessly with Next.js, a popular React framework, allowing for efficient and optimized development.</li>
</ul>
<h2>Summary</h2>
<p>MacawUI is an official React UI components kit specifically designed for Saleor, an open-source GraphQL-first and Next.js ready e-commerce platform. It offers a comprehensive collection of UI elements used in the creation of Saleor's dashboard interface, enabling users to build their own apps effortlessly. With seamless integration and Next.js compatibility, MacawUI streamlines the development process and empowers users to create impactful projects.</p>


<h2>Overview</h2>
<p>The Nextjs Storefront is a modern and fast e-commerce project that utilizes best practices like server-side rendering (SSR), incremental static regeneration (ISR), and image optimization. It also offers integrated payments with popular providers such as Adyen, Mollie, and Stripe. The theme is highly customizable, allowing users to easily extend or replace the default TailwindCSS with their preferred CSS solution. The Storefront comes pre-configured with tools built with developer experience (DX) in mind, including Next.js, TypeScript, GraphQL with Apollo Client, Tailwind CSS, Turborepo, Saleor Checkout Quickstart, and more.</p>
<h2>Features</h2>
<ul>
<li><strong>Modern &#x26; Fast</strong>: Utilizes best practices for e-commerce, including SSR, ISR, and image optimization.</li>
<li><strong>Integrated Payments</strong>: Offers integrations with modern payment providers like Adyen, Mollie, and Stripe.</li>
<li><strong>Easily Customizable</strong>: TailwindCSS can be extended, tweaked, or entirely replaced with a preferred CSS solution.</li>
<li><strong>Works Out-of-the-box</strong>: Pre-configured tools built with DX in mind, including Next.js, TypeScript, GraphQL with Apollo Client, Tailwind CSS, Turborepo, Saleor Checkout Quickstart, and more.</li>
</ul>
<h2>Summary</h2>
<p>The Nextjs Storefront is a feature-rich and customizable e-commerce project that offers modern and fast performance. With integrated payment options, customization flexibility, and a variety of pre-configured tools, this theme provides a solid foundation for building a successful online store. The installation process is straightforward, and the documentation provides further guidance for development, deployment, and frequently asked questions.</p>


<h2>Overview:</h2>
<p>Saleor App is a tool that allows users to extend Saleor, a popular ecommerce platform, with custom logic using webhooks and Saleor's API. With Saleor App, users can easily write code for their webhooks and develop a configuration UI that can be displayed in the Saleor Dashboard. The App facilitates communication between Saleor instances and Saleor Apps and provides a manifest with webhooks using custom query. Saleor App recommends using Next.js as the preferred technology for creating Saleor Apps due to its simplicity and efficiency in maintaining API endpoints, webhooks, and app configurations in a single project.</p>
<h2>Features:</h2>
<ul>
<li>Communication between Saleor instance and Saleor App</li>
<li>Manifest with webhooks using custom query</li>
<li>Easy local development and deployment with Next.js</li>
</ul>
<h2>Summary:</h2>
<p>Saleor App is a powerful tool for extending Saleor with custom logic using webhooks and Saleor's API. By using Next.js, the process of developing Saleor Apps becomes more efficient and streamlined. The installation process is well-documented and can be done either with the Saleor CLI or manually, depending on the user's preference. With its features and ease of use, Saleor App is a valuable asset for developers looking to customize their Saleor experience.</p>


<h2>Overview:</h2>
<p>The Saleor Storefront is a GraphQL-powered, PWA, single-page application storefront for Saleor. It is a headless e-commerce storefront built with GraphQL, Apollo Client, React, Next.js, and Typescript. The storefront provides a seamless single-page application experience and includes integration with the Saleor GraphQL API. It also has offline mode capability and supports integration with the Braintree Payment Gateway.</p>
<h2>Features:</h2>
<ul>
<li>Headless e-commerce storefront built with GraphQL, Apollo Client, React, Next.js, and Typescript</li>
<li>Offline mode (beta)</li>
<li>Saleor GraphQL API integration</li>
<li>Single-page application experience</li>
<li>Braintree Payment Gateway integration</li>
</ul>
<h2>Summary:</h2>
<p>The Saleor Storefront is a GraphQL-powered, PWA, single-page application storefront that provides a seamless shopping experience through its integration with the Saleor GraphQL API. It is built using modern web technologies like GraphQL, Apollo Client, React, Next.js, and Typescript. The storefront offers features such as offline mode, Braintree Payment Gateway integration, and is constantly evolving with updates and improvements. It serves as a demonstration of how Saleor can be used and handles different cases, but it is not ready to be used as a starter.</p>


<h2>Overview</h2>
<p>Saleor is an open-source e-commerce platform designed for high-volume companies. It is built to be extensible, headless, and composable, making it easy to build custom storefronts, mobile apps, and other integrations. Saleor offers a range of features including a flexible API, multichannel support, enterprise readiness, CMS capabilities, and more. It is free to use and aims to provide a user-friendly and productive experience for managing e-commerce businesses.</p>
<h2>Features</h2>
<ul>
<li><strong>Headless / API first</strong>: Build mobile apps, custom storefronts, POS systems, and automation with ease.</li>
<li><strong>Extensible</strong>: Customize and extend Saleor using webhooks, apps, metadata, and attributes.</li>
<li><strong>App Store</strong>: Access a collection of built-in integrations to enhance your e-commerce platform.</li>
<li><strong>GraphQL API</strong>: Retrieve multiple resources in a single request and benefit from efficient data retrieval.</li>
<li><strong>Multichannel</strong>: Gain control over pricing, currencies, stock, and product information for different sales channels.</li>
<li><strong>Enterprise ready</strong>: Saleor provides a secure, scalable, and stable platform that has been battle-tested by major brands.</li>
<li><strong>CMS</strong>: Built-in content management system to manage and display content effectively.</li>
<li><strong>Dashboard</strong>: User-friendly and fast interface for managing your e-commerce business.</li>
<li><strong>Global by design</strong>: Support for multi-currency, multi-language, and multi-warehouse operations.</li>
<li><strong>Orders</strong>: Comprehensive system for managing orders, dispatch, and refunds.</li>
<li><strong>Cart</strong>: Advanced payment and tax options with full control over discounts and promotions.</li>
<li><strong>Payments</strong>: Flexible API architecture allows integration of any payment method.</li>
<li><strong>SEO</strong>: Packed with features to improve search engine visibility and reach a wider audience.</li>
<li><strong>Cloud</strong>: Optimized for deployment using Docker and provides convenient development options with Saleor Cloud.</li>
</ul>
<h2>Summary</h2>
<p>Saleor is a powerful open-source e-commerce platform designed for high-volume companies. Its key features include being headless/API-first, extensibility, app store integrations, a GraphQL API, multichannel support, enterprise readiness, built-in CMS, user-friendly dashboard, global capabilities, comprehensive order management, advanced cart features, flexible payment options, SEO features, and cloud optimization. Installation can be done following the official Saleor documentation, and there is also a Saleor Cloud option for easier development. Overall, Saleor offers a feature-rich and customizable solution for managing e-commerce businesses effectively.</p>


<h2>Overview</h2>
<p>The Saleor Storefront is a Next.js app that provides a powerful and customizable e-commerce solution. It offers various features such as file-based routing, React 18 support, Fast Refresh, image optimization, and more. It also includes tools like ESLint, Prettier, Husky, Lint Staged, and Codegen preconfigured for easy development. The storefront can be easily integrated with payment providers like Adyen and Stripe, and supports features like customer address book, vouchers and gift cards, and product catalog management. The Storefront is built on a strongly typed codebase using TypeScript and follows GraphQL best practices.</p>
<h2>Features</h2>
<ul>
<li><strong>Next.js 13</strong>: File-based routing, React 18 support, Fast Refresh, Image Optimization, and more.</li>
<li><strong>App Router</strong>: Uses React Server Components, Data Cache, and async components.</li>
<li><strong>TypeScript</strong>: Strongly typed codebase and GraphQL payloads with strict mode.</li>
<li><strong>GraphQL best practices</strong>: Uses GraphQL Codegen and TypedDocumentString to reduce boilerplate and bundle size.</li>
<li><strong>Customizable CSS</strong>: TailwindCSS can be extended or replaced with an alternative CSS solution.</li>
<li><strong>Tooling included</strong>: Comes with ESLint, Prettier, Husky, Lint Staged, and Codegen preconfigured.</li>
<li><strong>Global</strong>: Channel switcher and Geo detection (coming soon).</li>
<li><strong>Dynamic menu</strong>: Allows customization of the menu.</li>
<li><strong>Hamburger menu</strong>: Provides a responsive menu layout.</li>
<li><strong>SEO data</strong>: Supports adding SEO data for better search engine optimization.</li>
<li><strong>Checkout</strong>: Single page checkout (including login).</li>
<li><strong>Portable to other frameworks</strong>: Doesn't use Next.js components, making it easier to port to other frameworks.</li>
<li><strong>Adyen integration</strong>: Supports payments via the Saleor Adyen App.</li>
<li><strong>Stripe integration</strong>: Saleor Stripe App integration is a work in progress.</li>
<li><strong>Customer address book</strong>: Allows customers to save multiple addresses for easy checkout.</li>
<li><strong>Vouchers and Gift Cards</strong>: Supports the use of vouchers and gift cards for discounts.</li>
<li><strong>Product catalog</strong>: Provides categories, variant selection, product attributes, and image optimization.</li>
<li><strong>My account</strong>: Order history, order completion, and order details (coming soon).</li>
</ul>
<h2>Summary</h2>
<p>The Saleor Storefront is a powerful e-commerce solution built with Next.js. It offers a wide range of features, including file-based routing, React 18 support, image optimization, and customizable CSS. With its TypeScript-based codebase and GraphQL best practices, it provides a robust and efficient development experience. The storefront can be easily installed and configured using the Saleor CLI and offers integration with popular payment providers like Adyen and Stripe. It also includes features for managing a product catalog, customer address book, vouchers and gift cards, and more. Overall, the Saleor Storefront is a comprehensive and flexible solution for building modern e-commerce websites.</p>


Saleor

Apps

Macaw UI

Storefront

Saleor App Template

Saleor Dashboard

Saleor Storefront

Saleor

Storefront