Getting Started with the Experience Modernization Agent getting-started

Select an Edge Delivery Services repository for use with the Experience Modernization Console.

• This can be an existing Edge Delivery Services project or you can create a new one following the developer tutorial using the boilerplate repository.

Ensure that the AEM Code Connector is installed in the repository.

• This allows the console to inspect your code.

Ensure that the AEM Code Sync GitHub app is installed in the repository.

• This allows Edge Delivery Services to sync your code.
• If your repo is based the on the tutorial, this step is already complete.

To get started you can import the content of a site:

• “Migrate the page https://wknd-trendsetters.site.”

This imports the content of the site.

• The console observes separation of concerns and handles content and presentation separately.
• The initial import of a site’s content may take several minutes.
• The console presents you with ongoing feedback as it begins its work, including an overview of its planned steps.
  

Once the site is imported, the Workspace panel shows the pages. Select a page to preview it in the right panel.

Now that you have content, you can prompt to import the styles from the same source.

• “Import the general styles from https://wknd-trendsetters.site.”

As with the initial content import, the import may take several minutes and the console provides feedback as it processes your request and imports the styles. Once the task is complete, click Refresh preview in the right panel to view the styled content.

Make sure you are in the Content view and then click the Upload content button on the top-right.

• By default you are in Content view when entering the console.
• Your view is indicated by the highlighted icon in the sidebar along the left side of the console.

The Upload content dialog opens with the destination org and repo pre-filled from your fstab.yaml.

• If an fstab.yaml is not present in your connected repository, you will need to manually enter your Organization and Repository…
• If you used the boilerplate, an fstab.yaml is provided.

Select the files you want to upload and click Upload.

The console indicates upload process by graying the Upload button.

Once complete, a notification appears at the bottom of the console.

• When in doubt, you can push to the current branch to keep things simple.

Go back to Document Authoring.

• It may still be open in a browser tab you opened after clicking View in AEM after uploading the content.
• Or navigate to https://da.live/#/{organization}/{repository}

Open one of the pages that you previously uploaded to AEM.

Click the paper plane icon (top right) and select Preview.