AEM Headless, eerste zelfstudie

Welkom bij de zelfstudie over het ontwikkelen van een webervaring met React, volledig aangedreven door AEM Headless API's en GraphQL. In deze zelfstudie begeleiden we u door het proces van het maken van een dynamische en interactieve webtoepassing door de kracht van React, Adobe Experience Manager (AEM) Headless API's en GraphQL te combineren.

React is een populaire JavaScript-bibliotheek voor het bouwen van gebruikersinterfaces, die bekend staat om de eenvoud, herbruikbaarheid en componentarchitectuur. AEM biedt robuuste mogelijkheden voor inhoudsbeheer en stelt Headless API's beschikbaar waarmee ontwikkelaars via verschillende kanalen en toepassingen toegang hebben tot inhoud en gegevens die in AEM zijn opgeslagen.

Door gebruik te maken van AEM Headless API's kunt u inhoud, middelen en gegevens ophalen van uw AEM-instantie en deze gebruiken om uw React-toepassing aan te sturen. GraphQL, een flexibele querytaal voor API's, biedt een efficiënte en nauwkeurige manier om specifieke gegevens aan te vragen bij uw AEM-instantie, waardoor een naadloze integratie tussen React en AEM mogelijk wordt.

In deze zelfstudie doorlopen we u stap voor stap een webervaring opbouwen met React en AEM Headless API's met GraphQL. U leert hoe u uw ontwikkelomgeving instelt, een verbinding tot stand brengt tussen React en AEM, inhoud ophaalt met behulp van GraphQL-query's en deze dynamisch rendert in uw webtoepassing.

Wij zullen onderwerpen zoals het vormen van uw project van de Reactie, het vestigen van authentificatie met AEM, het vragen van inhoud van AEM gebruikend GraphQL, het behandelen van gegevens in uw componenten van de Reactie, en het optimaliseren van prestaties door caching en paginering te gebruiken behandelen.

Aan het einde van deze zelfstudie hebt u een goed inzicht in hoe u React, AEM Headless API's en GraphQL kunt gebruiken om een krachtige en boeiende webervaring op te bouwen. Dus, laten we induiken en beginnen met het bouwen van uw volgende webtoepassing!

Vereisten

Vaardigheden

AEM as a Cloud Service

Deze zelfstudie vereist beheerderstoegang tot een AEM as a Cloud Service-omgeving.

Software

De manager van de knoopversie van het gebruik (nvm)om het hebben van veelvoudige versies van node.js op de zelfde machine te richten.

Zorg ervoor dat u rechten hebt om software wereldwijd op uw computer te installeren.

Volgende stap

Nu uw milieu opstelling is, gaan op de volgende stap: Opstelling en auteursinhoud in AEM as a Cloud Service