{"id":52038146,"url":"https://github.com/adobe/aem-guides-wknd-spa","last_synced_at":"2026-08-01T21:04:29.404Z","repository":{"id":41167655,"uuid":"265600041","full_name":"adobe/aem-guides-wknd-spa","owner":"adobe","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-02T14:56:14.000Z","size":1232,"stargazers_count":78,"open_issues_count":16,"forks_count":101,"subscribers_count":15,"default_branch":"main","last_synced_at":"2026-04-17T23:48:08.829Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adobe.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-05-20T14:59:40.000Z","updated_at":"2025-12-15T17:40:37.000Z","dependencies_parsed_at":"2022-07-27T16:03:04.067Z","dependency_job_id":null,"html_url":"https://github.com/adobe/aem-guides-wknd-spa","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/adobe/aem-guides-wknd-spa","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe%2Faem-guides-wknd-spa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe%2Faem-guides-wknd-spa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe%2Faem-guides-wknd-spa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe%2Faem-guides-wknd-spa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adobe","download_url":"https://codeload.github.com/adobe/aem-guides-wknd-spa/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adobe%2Faem-guides-wknd-spa/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":36170402,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"online","status_checked_at":"2026-08-01T02:00:05.789Z","response_time":100,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-08-01T21:04:28.754Z","updated_at":"2026-08-01T21:04:29.396Z","avatar_url":"https://github.com/adobe.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# AEM Guides - WKND SPA Project\n\nThis 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:\n\n* [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)\n* [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)\n\n## Latest Code\n\nIf you just want to build the **finished** version of each project:\n\n\n#### React\n\n```shell\n$ git clone git@github.com:adobe/aem-guides-wknd-spa.git\n$ cd aem-guides-wknd-spa\n$ git checkout React/latest\n$ mvn clean install -PautoInstallSinglePackage\n```\n\nOr download and install the compiled [AEM Packages from the latest release](https://github.com/adobe/aem-guides-wknd-spa/releases).\n\n## Tutorial Branches\n\nThe starter and solution branches in this repository correspond to **Angular** and **React** versions of the tutorial.\n\n\n### React Tutorials\n\n| Tutorial | Starter Code | Solution |\n|----------|--------------|----------|\n| [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) |\n| [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) |\n| [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) |\n| [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) |\n| [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) |\n| [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) |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadobe%2Faem-guides-wknd-spa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadobe%2Faem-guides-wknd-spa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadobe%2Faem-guides-wknd-spa/lists"}