Build a Full CRUD App with Redis and n8n: No Code, No Servers
detail.loadingPreview
Create a complete, self-hosted CRUD application with a responsive HTML frontend and a Redis backend, all managed within a single n8n workflow. Serve your app and its API endpoints directly from n8n, eliminating the need for external hosting or complex infrastructure.
About This Workflow
This n8n workflow empowers you to build and deploy a full-stack CRUD (Create, Read, Update, Delete) application without writing a single line of traditional backend code. It leverages n8n's webhook capabilities to serve a dynamic HTML Single Page Application (SPA) directly from the browser, while simultaneously acting as the backend API. All data is stored and managed using Redis, a high-performance in-memory data store, utilizing auto-incrementing IDs for seamless item management. This integrated solution is perfect for rapid prototyping, building internal tools, or demonstrating the power of n8n for application development.
Key Features
- Self-Contained Application: Run a complete CRUD app (frontend and backend API) within a single n8n workflow.
- Redis Data Storage: Utilize Redis for fast, efficient, and simple key-value data persistence.
- Auto-Incrementing IDs: Automatically generate unique IDs for new items, simplifying data management.
- Full CRUD Operations: Implement Create, Read, Update, and Delete functionalities via webhook endpoints.
- Direct HTML Frontend Serving: Serve a functional HTML/JavaScript SPA directly from an n8n webhook.
How To Use
- Clone the Workflow: Import this workflow into your n8n instance.
- Configure Redis Credentials: Set up your Redis connection in n8n using the provided credential ID (
U5ZmQSMtuWHYGJwu). - Update API URL (Frontend): In the first 'Sticky Note' node (
Render the HTML CRUD App), locate and edit theapi_urlvariable within the HTML content to match your n8n webhook URL. This allows the frontend to communicate with the backend API. - Activate Webhooks: Ensure your n8n instance has webhooks enabled and accessible externally or within your network.
- Access the Application: Navigate to the webhook URL responsible for serving the HTML frontend (this will be the URL associated with the 'Hook: Get Items' node, typically at the root path
/itemsif not specified otherwise). - Interact: Use the provided HTML interface to add, view, edit, and delete items. The workflow will automatically handle the backend operations via Redis.
Apps Used
Workflow JSON
{
"id": "cc28697f-9761-4f0e-9be8-cc687a90fa49",
"name": "Build a Full CRUD App with Redis and n8n: No Code, No Servers",
"nodes": 10,
"category": "DevOps",
"status": "active",
"version": "1.0.0"
}Note: This is a sample preview. The full workflow JSON contains node configurations, credentials placeholders, and execution logic.
Get This Workflow
ID: cc28697f-9761...
About the Author
N8N_Community_Pick
Curator
Hand-picked high quality workflows from the global community.
Statistics
Related Workflows
Discover more workflows you might like
Automated PR Merged QA Notifications
Streamline your QA process with this automated workflow that notifies your team upon successful Pull Request merges. Leverage AI and vector stores to enrich notifications and ensure seamless integration into your development pipeline.
Visualize Your n8n Workflows: Interactive Dashboard with Mermaid.js
Gain unparalleled visibility into your n8n automation landscape. This workflow transforms your n8n instance into a dynamic, interactive dashboard, leveraging Mermaid.js to visualize all your workflows in one accessible place.
Robust Concurrency Control for n8n Workflows with Redis
Prevent simultaneous execution of critical n8n workflows or tasks using a centralized, Redis-backed locking mechanism. This reusable utility workflow ensures data integrity and resource management by allowing other workflows to acquire, check, and release locks.