n8n_website_builder

    Shared 8/12/2025

    392 views

    Visual Workflow

    JSON Code

    {
      "name": "AI Website Builder with Groq and Netlify",
      "nodes": [
        {
          "name": "Chat Trigger",
          "type": "n8n-nodes-base.chatTrigger",
          "position": [
            250,
            300
          ],
          "parameters": {
            "outputType": "chat_session",
            "chatInputKey": "chatInput"
          },
          "typeVersion": 1
        },
        {
          "name": "Groq Chat Model",
          "type": "n8n-nodes-langchain.lmChatGroq",
          "position": [
            500,
            300
          ],
          "parameters": {
            "model": "llama3-70b-8192",
            "options": {},
            "messages": [
              {
                "role": "system",
                "content": "You are a web developer. The user will provide a topic or a description for a website. Your task is to generate a complete, simple HTML file with a title, some text, and basic styling. Do not include any CSS or JavaScript files, just inline CSS within a `<style>` tag is fine. Do not add any extra explanations, just provide the full HTML code. The output should be a single HTML file string. The final HTML should be a single string without any extra notes or conversational text."
              },
              {
                "role": "user",
                "content": "{{$json.chatInput}}"
              }
            ]
          },
          "credentials": {
            "groqApi": {
              "id": "YOUR_GROQ_CREDENTIAL_ID",
              "name": "Groq API"
            }
          },
          "typeVersion": 1
        },
        {
          "name": "Respond to Chat",
          "type": "n8n-nodes-base.respondToChat",
          "position": [
            750,
            300
          ],
          "parameters": {
            "message": "Generating website...",
            "responseType": "string"
          },
          "typeVersion": 1
        },
        {
          "name": "Create Binary File",
          "type": "n8n-nodes-base.createBinaryFile",
          "position": [
            1000,
            300
          ],
          "parameters": {
            "data": "{{$json.content}}",
            "filename": "index.html",
            "fileEncoding": "UTF-8",
            "binaryPropertyName": "data"
          },
          "typeVersion": 1
        },
        {
          "name": "Netlify",
          "type": "n8n-nodes-base.netlify",
          "position": [
            1250,
            300
          ],
          "parameters": {
            "siteId": "YOUR_NETLIFY_SITE_ID",
            "options": {},
            "operation": "create",
            "buildFolder": "data"
          },
          "credentials": {
            "netlifyApi": {
              "id": "YOUR_NETLIFY_CREDENTIAL_ID",
              "name": "Netlify Personal Access Token"
            }
          },
          "typeVersion": 1
        },
        {
          "name": "Respond to Chat (Final)",
          "type": "n8n-nodes-base.respondToChat",
          "position": [
            1500,
            300
          ],
          "parameters": {
            "message": "Your website is live! You can view it here: {{$json.data.deploy_url}}",
            "responseType": "string"
          },
          "typeVersion": 1
        }
      ],
      "connections": {
        "Netlify": [
          [
            "Respond to Chat (Final)"
          ]
        ],
        "Chat Trigger": [
          [
            "Groq Chat Model",
            "Respond to Chat"
          ]
        ],
        "Groq Chat Model": [
          [
            "Create Binary File"
          ]
        ],
        "Respond to Chat": [
          []
        ],
        "Create Binary File": [
          [
            "Netlify"
          ]
        ]
      }
    }