How to create an experience fragment in AEM?

Below are the steps to create an Experience Fragment (XF) in AEM:

1. Open AEM and navigate to the Assets console.
2. Click on the Experience Fragments folder on the left side of the console.
3. Click on the "Create" button at the top of the console and select "Experience Fragment" from the dropdown menu.
4. Fill in the required fields in the "Create Experience Fragment" dialog box, including the XF's name, title, and description. You can also select a thumbnail image to represent the XF.
5. Click on the "Create" button to create the XF.
6. Once the XF has been created, you can begin authoring it by clicking on the "Open" button next to its name in the Assets console.
7. The authoring mode for an XF is similar to the standard AEM authoring environment. You can add components and content to the XF, as well as define variations that can be used to tailor the XF for different audiences or use cases.
8. Once you have finished authoring the XF, you can publish it to make it available for use in your AEM sites. To publish the XF, select it in the Assets console and click on the "Publish" button at the top of the console. You can choose to publish the XF as a draft or a final version, and select the channels or audiences that should have access to it.
9. After the XF has been published, you can use it in your AEM sites by adding it as a component to a page or template. When the page or template is rendered, the XF will be displayed with its defined content and variations.

Write a file in Node | NodeJS tutorial

In Node using FileSystems, developer can perform the various file operations, create file, add content into file, delete file.

First import the FileSystems fs using the below node code

const fs = require('fs')

Then, using the Node FIleSystems object fs we could perform the form operations. Liek below.

fs.writeFileSync('notes.txt', 'This file is created by NodeJS application. ')

writeFileSync will create and write the first data into the file. writeFileSynch method have two parameters, first file name and second data.


Next if we want to add or append data into an existing file then use appendFileSync method. Like Below.

fs.appendFileSync('notes.txt', 'DO NOT DELETE THIS FILE')

Hope this help you to understand the basic of file systems in NodeJS.

Failed to construct 'Text': Please use the 'new' operator

Failed to construct 'Text': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

Resolution

We did not import anything Text in the React Component. Hence, component is fail to understand this. Import the Text from the source.

e.g. import { Text } from 'ReactFile.js'