workflows.fit
Back to n8n workflows
n8n templateFreeBy Ficky

Create a self-contained CRUD app with Redis storage and HTML frontend

Build a Redis-Powered CRUD App with HTML Frontend ![Workflow Screenshot](https://github.com/Ficky-Dev/images/blob/main/Build%20a%20Redis-Powered%20CRUD%20App.png?raw=true) ![App Screenshot](https://raw.githubuserconte...

DevelopmentData & StorageCore NodesUtilityWebhookRedisSplit In BatchesSticky Note
Loading interactive preview...

Template notes

Build a Redis-Powered CRUD App with HTML Frontend

![Workflow Screenshot](https://github.com/Ficky-Dev/images/blob/main/Build%20a%20Redis-Powered%20CRUD%20App.png?raw=true)

![App Screenshot](https://raw.githubusercontent.com/Ficky-Dev/images/refs/heads/main/Simple%20n8n%20Redis%20CRUD%20App.png)

This workflow demonstrates how to use n8n to build a complete, self-contained CRUD (Create, Read, Update, Delete) application without relying on any external server or hosting. It not only acts as the backend, handling all CRUD operations through Webhook endpoints, but also serves a fully functional HTML Single Page Application (SPA) directly via a webhook response.

Redis is used as a lightweight data store, providing fast and simple key-value storage with auto-incremented IDs. Because both the frontend (HTML app) and backend (API endpoints) are managed entirely within a single n8n workflow, you can quickly prototype or deploy small tools without additional infrastructure.

This approach is ideal for: - Rapidly creating no-code or low-code applications - Running fully browser-based tools served directly from n8n - Teaching or demonstrating n8n + Redis integration in a single workflow

Features - Add new item with auto-incremented ID - Edit existing item - Delete specific item - Reset all data (clear storage and reset autoincrement id) - Single HTML frontend for demonstration (no framework required)

Setup Instructions