https://github.com/adobe/aem-guides-wknd-spa
https://github.com/adobe/aem-guides-wknd-spa
Last synced: 5 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/adobe/aem-guides-wknd-spa
- Owner: adobe
- License: mit
- Created: 2020-05-20T14:59:40.000Z (about 6 years ago)
- Default Branch: main
- Last Pushed: 2024-06-02T14:56:14.000Z (about 2 years ago)
- Last Synced: 2026-04-17T23:48:08.829Z (4 months ago)
- Size: 1.17 MB
- Stars: 78
- Watchers: 15
- Forks: 101
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# AEM Guides - WKND SPA Project
This is the code companion for a series of tutorials designed for developers new to the **SPA Editor** feature in Adobe Experience Manager (AEM). There are two parallel versions of the tutorial:
* [Create your first Angular SPA in AEM](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/angular/overview.html)
* [Create your first React SPA in AEM](https://experienceleague.adobe.com/docs/experience-manager-learn/getting-started-with-aem-headless/spa-editor/react/overview.html)
## Latest Code
If you just want to build the **finished** version of each project:
#### React
```shell
$ git clone git@github.com:adobe/aem-guides-wknd-spa.git
$ cd aem-guides-wknd-spa
$ git checkout React/latest
$ mvn clean install -PautoInstallSinglePackage
```
Or download and install the compiled [AEM Packages from the latest release](https://github.com/adobe/aem-guides-wknd-spa/releases).
## Tutorial Branches
The starter and solution branches in this repository correspond to **Angular** and **React** versions of the tutorial.
### React Tutorials
| Tutorial | Starter Code | Solution |
|----------|--------------|----------|
| [SPA Editor Project](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/create-project.html) | [React/create-project-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/create-project-start) | [React/create-project-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/create-project-solution) |
| [Integrate the SPA](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/integrate-spa.html) | [React/integrate-spa-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/integrate-spa-start) | [React/integrate-spa-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/integrate-spa-solution) |
| [Map SPA Components](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/map-components.html) | [React/map-components-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/map-components-start) | [React/map-components-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/map-components-solution) |
| [Navigation and routing](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/navigation-routing.html) | [React/navigation-routing-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/navigation-routing-start) | [React/navigation-routing-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/navigation-routing-solution) |
| [Custom component](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/custom-component.html) | [React/custom-component-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/custom-component-start) | [React/custom-component-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/custom-component-solution) |
| [Extend component](https://docs.adobe.com/content/help/en/experience-manager-learn/spa-react-tutorial/extend-component.html) | [React/extend-component-start](https://github.com/adobe/aem-guides-wknd-spa/tree/React/extend-component-start) | [React/extend-component-solution](https://github.com/adobe/aem-guides-wknd-spa/tree/React/extend-component-solution) |