Eerste zelfstudie AEM zonder hoofd
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 toegang hebben tot inhoud en gegevens die in AEM zijn opgeslagen via een groot aantal kanalen en toepassingen.
Door gebruik te maken van AEM headless API's kunt u inhoud, elementen 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 van uw AEM-instantie aan te vragen, waardoor een naadloze integratie tussen React en AEM mogelijk wordt.
Tijdens 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 kunt instellen, een verbinding tot stand kunt brengen tussen Reageren en AEM, inhoud kunt ophalen met GraphQL-query's en deze dynamisch kunt renderen in uw webtoepassing.
Wij zullen onderwerpen zoals het vormen van uw project van het Reageren, het vestigen van authentificatie met AEM, het vragen van inhoud van AEM gebruikend GraphQL, het behandelen van gegevens in uw componenten van het Reageren, 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
- Bevoegdheid in reactie
- Kennis in GraphQL
- Basiskennis van AEM as a Cloud Service
AEM as a Cloud Service
Deze zelfstudie vereist beheerderstoegang tot een AEM as a Cloud Service-omgeving.
Software
- Node.js v16+
- Controleer uw knooppuntversie door
node -v
van de bevellijn in werking te stellen
- Controleer uw knooppuntversie door
- npm 6+
- Controleer uw npm-versie door
npm -v
vanaf de opdrachtregel uit te voeren
- Controleer uw npm-versie door
- Git
- Controleer uw it-versie door
git -v
uit te voeren vanaf de opdrachtregel
- Controleer uw it-versie door
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