🧩 Express + AWS + EJS Snippets
A Visual Studio Code snippet collection for building full-stack Node.js applications using:
- Express.js + EJS
- AWS SDK (S3, DynamoDB, CloudFront)
- Multer (with memory storage)
- EJS template forms for CRUD operations
Designed for rapid development of product management systems with image uploads.
✨ Features
- ✅ Express server boilerplate
- ✅ AWS SDK configuration (S3, DynamoDB, CloudFront)
- ✅ Image upload with Multer (RAM-based)
- ✅ File type validation for uploads
- ✅ EJS templates for:
- Product creation
- Product listing with delete + edit
- Product update form
- ✅ CRUD route handlers for AWS DynamoDB + S3 integration
🚀 Snippet List
| Prefix |
Description |
expressserver |
Basic Express.js server with EJS |
awssdk |
AWS SDK config for S3, DynamoDB, CloudFront |
multermemory |
Multer setup with memory storage |
filecheck |
File type check for images |
extracts3key |
Helper to extract S3 key from CloudFront URL |
routegetitems |
GET route: list items from DynamoDB |
routeupload |
POST route: upload image + insert to DynamoDB |
routegetedit |
GET route: load product edit form |
routeeditpost |
POST route: update product info in DynamoDB |
routedelete |
POST route: delete product + image from S3 |
productform |
EJS form: create product |
productdeletetable |
EJS view: list products + delete + edit links |
producteditform |
EJS form: edit existing product |
🛠 Usage
Clone or copy the snippet definitions into your .vscode folder:
mkdir -p .vscode
nano .vscode/snippets.code-snippets
Paste the snippet JSON content.
Start typing snippet prefixes (e.g., expressserver) in a .js or .ejs file and hit Tab to expand.
💡 Tips
- Customize AWS region, table name, and bucket name with your own values or use
.env for safety.
- Combine with Tailwind or Bootstrap for better form styling if needed.
- Extend snippet coverage to include more helper functions like pagination or validation logic.
📜 License
MIT – Free to use, share, and modify.
| |
