https://github.com/adobe/aem-guides-wknd-graphql
https://github.com/adobe/aem-guides-wknd-graphql
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/adobe/aem-guides-wknd-graphql
- Owner: adobe
- License: mit
- Created: 2020-11-04T17:20:28.000Z (almost 6 years ago)
- Default Branch: main
- Last Pushed: 2024-05-07T18:53:24.000Z (over 2 years ago)
- Last Synced: 2026-04-18T00:21:39.957Z (4 months ago)
- Language: JavaScript
- Size: 10.9 MB
- Stars: 59
- Watchers: 10
- Forks: 74
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Contributing: .github/CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# AEM Guides WKND - GraphQL
This project includes example applications that highlight Adobe Experience Manager's GraphQL APIs.
## Examples applications
| Framework | Location | Description |
|--------|-----------|-------------|
| [Basic tutorial](./basic-tutorial) | [`/basic-tutorial`](./basic-tutorial) | A React application used with the [AEM Headless basic tutorial](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/graphql/multi-step/overview.html) |
| [Advanced tutorial](./advanced-tutorial/) | [`/advanced-tutorial`](./advanced-tutorial) | The WKND React application used with the [Advanced Concepts of AEM Headless](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/graphql/advanced-tutorial/overview.html) |
| [Preview tutorial](./preview-tutorial) | [`/preview-tutorial`](./preview-tutorial/) | Basis of React SPA used in the [Preview how-to](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/how-to/preview.html) |
| [Remote SPA tutorial](./remote-spa-tutorial) | [`/remote-spa-tutorial`](./remote-spa-tutorial/) | Basis of Remote SPA used in the [AEM Remote SPA tutorial](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/remote-spa/overview.html) |
| [React example](./react-app) | [`/react-app`](./react-app) | A React application using the [AEM Headless Client for JavaScript](https://github.com/adobe/aem-headless-client-js) |
| [Next.js example](./next-js) | [`/next-js`](./next-js) | A Next.js application using the [AEM Headless Client for JavaScript](https://github.com/adobe/aem-headless-client-js) |
| [Android example](./android-app) | [`/android-app`](./android-app) | An Android application using the [AEM Headless Client for Java](https://github.com/adobe/aem-headless-client-java)
| [iOS example](./ios-app) | [`/ios-app`](./ios-app) | A iOS application built with SwiftUI
| [Web Component/pure JS example](./web-component) | [`/web-component`](./web-component) | A Web Component built using pure JavaScript
| [Node.js (server-side) example](./server-to-server) | [`/server-to-server`](./server-to-server/) | Node.js server-side app using [AEM Headless Client for Node.js](https://github.com/adobe/aem-headless-client-nodejs) |
## System Requirements
The sample applications in this repository are designed to connect to AEM environments with the GraphQL feature enabled.
AEM as a Cloud Service | AEM 6.5 | Sample Content |
------------------------|---------|--------------------|
Continual | Not supported | [WKND Site 3.0.0+](https://github.com/adobe/aem-guides-wknd/releases/latest) |
## Tutorial
Looking for a hands on guide? Checkout [Getting Started with AEM Headless - GraphQL](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/graphql/overview.html). An end-to-end tutorial illustrating how to build-out and expose content using AEM's GraphQL APIs and consumed by an external app, in a headless CMS scenario. The React App in this repository is used as part of the tutorial. Additional resources can be found on the [AEM Headless Developer Portal](https://experienceleague.adobe.com/landing/experience-manager/headless/developer.html).
## Documentation
* [AEM Headless Developer Portal](https://experienceleague.adobe.com/landing/experience-manager/headless/developer.html)
## Contributing
Contributions are welcomed! Read the [Contributing Guide](./.github/CONTRIBUTING.md) for more information.
## Licensing
This project is licensed under the MIT License. See [LICENSE](LICENSE) for more information.