Create a page that match with given figma design AEM local instance using n8n ai agent workflow

Hello @mohamedvalith ,

As the request is failing with a 403 Forbidden error, which indicates that the API is rejecting the credentials or blocking the request from n8n.

To proceed, could you please confirm the following so we can narrow down the issue:

1. Are the correct API credentials/scopes enabled for this request?

2. Has the n8n server IP been allow-listed on your side (if required by your firewall/WAF)?

3. Are there any restrictions on the HTTP method or endpoint being called?

Once we have this information, we can validate the setup and help resolve the issue quickly.

When using n8n to connect to your local AEM instance (AEMaaCS SDK) and automate tasks like creating pages, a 403 Forbidden error usually means authentication is missing or incorrect.

Recommended for Local Testing:

1. Use Basic Authentication
   AEM (especially the local SDK) expects a Basic Auth header for tools like n8n.
   You can log in with your AEM credentials (e.g., admin:admin) and generate the Authorization header in Base64 format.
   
   Follow this guide to get the correct header:
   How to Get Authorization Basic Auth Header from AEM -  https://sourcedcode.com/blog/aem/how-to-get-authorization-basic-auth-header-from-aem-author 
   
   
2. Make Sure the POST Call is Correct
   Since n8n acts as an HTTP client, it’s important your POST request matches AEM’s expectations (headers, content type, and CSRF handling if needed).
   
   This tutorial explains how to make proper POST requests to AEM using an HTTP client:
   How to Make Simple HTTP POST Methods in AEM with an HTTP REST Client - https://sourcedcode.com/blog/video-tutorial/how-to-make-simple-http-post-methods-in-aem-with-a-http-rest-client 

​@mohamedvalith Quick follow-up! Were you able to resolve this issue? If so, it would be great if you could share what worked for you so others can benefit. Also, if any of the replies helped—whether they fully solved it or just guided you in the right direction—please consider marking one as accepted. It really helps future community members find solutions faster. Closing the loop makes a big difference!

Hi ​@mohamedvalith  - Nice to meet you! I built something similar in December myself. :)

I see you’re trying to connect it to your local AEM environment. This may be the wrong question, but is it a 6.X environment? Because if it is, you’ll need an ngrok tunnel to connect a local to n8n.

I could be totally off, though, so let me know what you find out!

Hi ​@mohamedvalith ,
Your curl works, so the only task is to make n8n send the exact same request (plus any ngrok quirks) to AEM.
Below is a minimal workflow JSON that does work against a local AEM 6.x exposed via ngrok:

• Uses Authorization header (Basic) instead of n8n’s generic auth
• Adds ngrok-skip-browser-warning header
• Fetches CSRF token then POSTs multipart/form-data to create the page

Adjust only:

• Host: your ngrok
• URL Path: your site path + page name
• Template + resourceType to your project values

{
  "name": "Create AEM Page via n8n",
  "nodes": [
    {
      "parameters": {},
      "id": "manual-trigger",
      "name": "Manual Trigger",
      "type": "n8n-nodes-base.manualTrigger",
      "typeVersion": 1,
      "position": [200, 300]
    },
    {
      "parameters": {
        "method": "GET",
        "url": "https://YOUR-NGROK-ID.ngrok-free.app/libs/granite/csrf/token.json",
        "authentication": "none",
        "sendHeaders": true,
        "headerParameters": {
          "parameters": [
            {
              "name": "ngrok-skip-browser-warning",
              "value": "true"
            },
            {
              "name": "Authorization",
              "value": "Basic YWRtaW46YWRtaW4="
            }
          ]
        }
      },
      "id": "fetch-token",
      "name": "Fetch CSRF Token",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 4.1,
      "position": [450, 300]
    },
    {
      "parameters": {
        "method": "POST",
        "url": "https://YOUR-NGROK-ID.ngrok-free.app/content/mysite/my-new-page",
        "authentication": "none",
        "sendHeaders": true,
        "headerParameters": {
          "parameters": [
            {
              "name": "ngrok-skip-browser-warning",
              "value": "true"
            },
            {
              "name": "Authorization",
              "value": "Basic YWRtaW46YWRtaW4="
            },
            {
              "name": "CSRF-Token",
              "value": "={{ $json.token }}"
            }
          ]
        },
        "sendBody": true,
        "contentType": "multipart-form-data",
        "bodyParameters": {
          "parameters": [
            {
              "name": "jcr:primaryType",
              "value": "cq:Page"
            },
            {
              "name": "jcr:content/jcr:primaryType",
              "value": "cq:PageContent"
            },
            {
              "name": "jcr:content/jcr:title",
              "value": "My New Page"
            },
            {
              "name": "jcr:content/sling:resourceType",
              "value": "myapp/components/page"
            },
            {
              "name": "jcr:content/cq:template",
              "value": "/conf/myapp/settings/wcm/templates/page-template"
            }
          ]
        }
      },
      "id": "create-page",
      "name": "Create AEM Page",
      "type": "n8n-nodes-base.httpRequest",
      "typeVersion": 4.1,
      "position": [700, 300]
    }
  ],
  "connections": {
    "Manual Trigger": {
      "main": [[{ "node": "Fetch CSRF Token", "type": "main", "index": 0 }]]
    },
    "Fetch CSRF Token": {
      "main": [[{ "node": "Create AEM Page", "type": "main", "index": 0 }]]
    }
  }
}

Checklist:

• n8n Cloud vs Local
  • n8n Cloud cannot call http://localhost:4502 → you must use ngrok or another tunnel.
  • n8n Local (Docker/desktop) can talk directly to http://host.docker.internal:4502 or http://localhost:4502.

Thanks,
Amit