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"
]
]
}
}