Introduction to Document Based Authoring

Happy to find you here. Welcome to another learning.

Document Based Authoring

Document-Based Authoring (DBA) in Adobe Experience Manager (AEM) is a content authoring paradigm designed to simplify the creation, management, and delivery of structured content. Unlike traditional page-based authoring, where authors focus on creating and managing individual web pages, DBA allows authors to work with content in a more modular, reusable, and centralized way, often in the form of documents

currently when a request comes the content is served through the publish instance but with Edge Delivery Service the content is served through EDS and no publish instance is required.We can build, run a website on AEM as cloud without using AEM.

Now we will be creating a sample website for learning document based authoring. below are the ceartine requirements to create a website:

• GitHub account - you need a github account in this all you code will be kept.

• Google account - for new we are using google docs so we need google account othwise we can use microsoft account as well.

• You should have basic understanding of HTML, CSS and JavaScript.

Steps to create and configure Edge Delivery Services Project

• Create new repository in your github using this template

  https://github.com/adobe/aem-boilerplate


• Install the AEM Code Sync GitHub App on your repository.Open the URL

  github.com/apps/aem-code-sync in the browser and click on install


• Go to the google drive in that create a folder with project name.



• Create 3 docs files in the project folder with the name index, nav, footer and give the editor permission to

  helix@adobe.com account and add some content in it.


• After that go to the github in that there is the file called fstab.yaml in that add the path of your google drive folder and commit that change



• Now add AEM sidekick extension to your browser then go inside your project folder then in sidekick you will get the option to add project then add the project, now you can preview or publish the pages



• Now there are two urls that you can use to see the pages so create the url you need your branch in which your code is available, your repo name and owner name then for preview and live

  .page and .live extension can be used as shown below

1. preview URL - https://{branch}--{repo}--{owner}.aem.page/

2. publish URL - https://{branch}--{repo}--{owner}.aem.live/

Whenever you hit the url the index page available in that folder will be displayed if index page is not present it will throw 404 not found exception

Below is how your website gonna look for the content of the page you can reffer to the following google drive GDrive