blog-blueprint 0.0.2

package/BlueprintTemplate/.editorconfig

@@ -0,0 +1,17 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+ij_typescript_use_double_quotes = false
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/BlueprintTemplate/.gitlab-ci.yml

@@ -0,0 +1,34 @@
+image: node:20
+
+stages:
+  - build
+  - publish_and_deploy
+
+before_script:
+  - npm install -g @angular/cli
+
+build_app:
+  stage: build
+  script:
+    - rm -rf node_modules package-lock.json
+    - npm cache clean --force
+    - npm run postinstall  # Install dependencies
+    - npm run build
+  artifacts:
+    paths:
+      - dist/aws-learning/browser
+
+deploy_to_s3:
+  stage: publish_and_deploy
+  image: python:3.12-alpine
+  before_script:
+    - pip install awscli
+  script:
+    - aws s3 sync dist/aws-learning/browser s3://$S3_BUCKET --delete
+  only:
+    - master
+  environment:
+    name: production
+    url: https://$S3_BUCKET.s3.amazonaws.com
+  dependencies:
+    - build_app

package/BlueprintTemplate/DESIGN.txt

@@ -0,0 +1,37 @@
+DESIGN.txt – Frontend Application Design
+
+1. Mục đích
+Ứng dụng AWS EDU dùng để học và tra cứu kiến thức AWS cơ bản đến nâng cao.
+Thiết kế đơn giản, tập trung vào nội dung, không xử lý nghiệp vụ phức tạp.
+
+2. Tổng thể kiến trúc
+- Frontend: Angular (standalone)
+- Backend: Không
+- Database: Không
+- Nội dung: Markdown
+- Metadata: JSON
+- Deploy: Static hosting (S3 + CloudFront)
+
+3. Cấu trúc màn hình
+- Trang Home (Menu)
+- Trang About
+- Trang Detail bài học
+
+Luồng:
+Home → Detail → Back to Home
+
+4. Phạm vi
+Có:
+- Hiển thị danh sách bài học
+- Xem chi tiết bài học
+- Điều hướng đơn giản
+
+Không có:
+- Auth
+- CRUD
+- Backend API
+
+5. Nguyên tắc
+- Viết tài liệu trước khi code
+- Mọi dữ liệu đi qua service
+- Nội dung tách biệt UI

package/BlueprintTemplate/README.md

@@ -0,0 +1,78 @@
+# AWS EDU – Handbook
+
+## 🎯 Mục tiêu
+Ứng dụng web học AWS nền tảng, tập trung vào:
+- Nhóm dịch vụ AWS
+- Các chủ đề lý thuyết cốt lõi
+- Các core service thường dùng
+
+Ứng dụng đơn giản, không backend, không database, phù hợp cho việc học và tích lũy kiến thức lâu dài.
+
+---
+
+## 🧱 Kiến trúc
+- Framework: Angular (standalone components)
+- Backend: Không
+- Database: Không
+- Nội dung bài học: Markdown (.md)
+- Metadata bài học: JSON
+- Deploy: AWS S3 + CloudFront
+
+---
+
+## 📚 Nội dung
+Tổng số bài học: ~25 bài
+- 6 bài: Nhóm dịch vụ AWS
+- 7 bài: Chủ đề lý thuyết
+- 11 bài: Core service
+
+---
+
+## 📁 Cấu trúc thư mục (rút gọn)
+
+src/
+  app/
+  assets/
+    lessons/
+      index.json
+      theory/
+      core/
+      groups/
+
+docs/
+  lesson-spec.md
+  routing.md
+  ui-flow.md
+  libs.md
+
+---
+
+## 🚀 Chạy local
+
+npm install  
+ng serve  
+
+---
+
+## 🛠 Tech stack
+- Angular
+- Angular Router
+- HttpClient
+- ngx-markdown
+
+---
+
+## 🛠 Cần cập nhật khi chạy blueprint
+- Update CI/CD dist folder (gitlab-ci)
+- Update CI/CD dist folder (app.ts)
+- Replace icons & assets (assets folder)
+- Update page content (assets folder)
+- Update SEO metadata (index.html)
+- Update sitemap / robots
+- UI & theme customization (Colors, Fonts, Icons, Layout tweaks)
+- Thay measurement ID của google analytics (index.html)
+- Sửa SEO: 
+  + robots.txt
+  + sitemap.xml
+
+---

package/BlueprintTemplate/angular.json

@@ -0,0 +1,101 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "aws-learning": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular/build:application",
+          "options": {
+            "browser": "src/main.ts",
+            "polyfills": [
+              "zone.js"
+            ],
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kB",
+                  "maximumError": "1MB"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "4kB",
+                  "maximumError": "8kB"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "optimization": false,
+              "extractLicenses": false,
+              "sourceMap": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular/build:dev-server",
+          "configurations": {
+            "production": {
+              "buildTarget": "aws-learning:build:production"
+            },
+            "development": {
+              "buildTarget": "aws-learning:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular/build:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          }
+        }
+      }
+    }
+  },
+  "cli": {
+    "analytics": "263694ee-cf6c-42d2-99c8-251b96c0f12b"
+  }
+}

package/BlueprintTemplate/gitignore

@@ -0,0 +1,42 @@
+# See https://docs.github.com/get-started/getting-started-with-git/ignoring-files for more about ignoring files.
+
+# Compiled output
+/dist
+/tmp
+/out-tsc
+/bazel-out
+
+# Node
+/node_modules
+npm-debug.log
+yarn-error.log
+
+# IDEs and editors
+.idea/
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# Visual Studio Code
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# Miscellaneous
+/.angular/cache
+.sass-cache/
+/connect.lock
+/coverage
+/libpeerconnection.log
+testem.log
+/typings
+
+# System files
+.DS_Store
+Thumbs.db

package/BlueprintTemplate/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "aws-learning",
+  "version": "0.0.0",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "serve:ssr:aws-learning": "node dist/aws-learning/server/server.mjs",
+    "postinstall": "npm install angular-dumb-lib@latest --legacy-peer-deps"
+  },
+  "prettier": {
+    "overrides": [
+      {
+        "files": "*.html",
+        "options": {
+          "parser": "angular"
+        }
+      }
+    ]
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/common": "^20.1.0",
+    "@angular/compiler": "^20.1.0",
+    "@angular/core": "^20.1.0",
+    "@angular/forms": "^20.1.0",
+    "@angular/platform-browser": "^20.1.0",
+    "@angular/platform-server": "^20.1.0",
+    "@angular/router": "^20.1.0",
+    "@angular/ssr": "^20.1.5",
+    "angular-dumb-lib": "^0.0.40",
+    "express": "^5.1.0",
+    "marked": "^16.4.2",
+    "ngx-markdown": "^20.1.0",
+    "primeicons": "^7.0.0",
+    "primeng": "^21.0.2",
+    "rxjs": "~7.8.0",
+    "tslib": "^2.3.0",
+    "zone.js": "~0.15.0"
+  },
+  "devDependencies": {
+    "@angular/build": "^20.1.5",
+    "@angular/cli": "^20.1.5",
+    "@angular/compiler-cli": "^20.1.0",
+    "@types/express": "^5.0.1",
+    "@types/jasmine": "~5.1.0",
+    "@types/node": "^20.17.19",
+    "jasmine-core": "~5.8.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.2.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.1.0",
+    "typescript": "~5.8.2"
+  }
+}

package/BlueprintTemplate/public/assets/lessons/aws/aws-overview.md

@@ -0,0 +1,139 @@
+# AWS Overview – Tổng quan về Amazon Web Services
+
+## 1. AWS là gì?
+
+**Amazon Web Services (AWS)** là nền tảng cloud computing do Amazon cung cấp, cho phép bạn:
+- Thuê tài nguyên IT theo nhu cầu
+- Trả tiền theo mức sử dụng
+- Không cần đầu tư hạ tầng vật lý ban đầu
+
+👉 Hiểu đơn giản: **AWS = thuê server, database, storage, network qua internet**.
+
+---
+
+## 2. Vì sao doanh nghiệp dùng AWS?
+
+### 2.1 Không cần đầu tư ban đầu
+- Không mua server
+- Không xây data center
+- Không cần đội vận hành lớn
+
+### 2.2 Linh hoạt & mở rộng nhanh
+- Tăng / giảm tài nguyên trong vài phút
+- Phù hợp startup → enterprise
+
+### 2.3 Trả tiền theo mức dùng
+- Dùng bao nhiêu trả bấy nhiêu
+- Không dùng thì gần như không tốn chi phí
+
+---
+
+## 3. Các nhóm dịch vụ chính của AWS
+
+### 3.1 Compute – Xử lý (CPU)
+Dùng để chạy application.
+
+- **EC2**: Server ảo
+- **Lambda**: Chạy code không cần server (serverless)
+- **ECS / EKS**: Chạy container (Docker)
+
+👉 Khi cần “chạy app” → nghĩ tới Compute.
+
+---
+
+### 3.2 Storage – Lưu trữ
+Dùng để lưu file, backup, static content.
+
+- **S3**: Lưu file (object storage)
+- **EBS**: Ổ cứng gắn vào EC2
+- **EFS**: File system dùng chung
+
+👉 Khi cần “lưu dữ liệu” → nghĩ tới Storage.
+
+---
+
+### 3.3 Database – Cơ sở dữ liệu
+Dùng để lưu dữ liệu có cấu trúc.
+
+- **RDS**: MySQL, PostgreSQL, SQL Server
+- **DynamoDB**: NoSQL, serverless
+- **Aurora**: Database hiệu năng cao
+
+👉 Khi cần “lưu dữ liệu app” → nghĩ tới Database.
+
+---
+
+### 3.4 Networking – Mạng
+Dùng để kết nối các tài nguyên.
+
+- **VPC**: Mạng riêng trên AWS
+- **Subnet**: Chia nhỏ mạng
+- **Security Group**: Firewall
+
+👉 Networking quyết định **bảo mật & kiến trúc**.
+
+---
+
+## 4. Region & Availability Zone (AZ)
+
+### Region
+- Là khu vực địa lý (Tokyo, Singapore, Frankfurt…)
+- Mỗi region độc lập
+
+### Availability Zone (AZ)
+- Là các data center độc lập trong 1 region
+- Dùng để tăng độ sẵn sàng (high availability)
+
+👉 Best practice:
+- Production nên chạy **ít nhất 2 AZ**
+
+---
+
+## 5. AWS phù hợp với ai?
+
+### Phù hợp nếu:
+- Startup
+- Doanh nghiệp muốn scale nhanh
+- Dev làm sản phẩm, side project
+
+### Không phù hợp nếu:
+- Hệ thống cực kỳ nhỏ, không cần scale
+- Không có người quản lý chi phí
+
+---
+
+## 6. Hiểu đúng về chi phí AWS
+
+AWS **không đắt**, nhưng:
+- Dễ **tốn tiền nếu không kiểm soát**
+- Dễ quên tài nguyên đang chạy
+
+👉 Luôn cần:
+- Tắt resource không dùng
+- Theo dõi billing
+- Thiết kế kiến trúc tối giản
+
+---
+
+## 7. AWS trong lộ trình học
+
+Bạn **không cần học hết AWS**.
+
+Nên học theo thứ tự:
+1. EC2
+2. S3
+3. RDS
+4. IAM
+5. VPC (cơ bản)
+
+👉 Đủ để build & deploy 1 sản phẩm thực tế.
+
+---
+
+## 8. Tổng kết
+
+- AWS là nền tảng cloud lớn nhất hiện nay
+- Cho phép xây dựng hệ thống nhanh, linh hoạt
+- Quan trọng nhất: **hiểu bản chất dịch vụ, không học lan man**
+
+👉 Phần tiếp theo: **EC2 là gì và khi nào nên dùng?**

package/BlueprintTemplate/public/assets/lessons/core/aws-aurora-guide.md

@@ -0,0 +1,181 @@
+# Amazon Aurora: RDS hiệu năng cao, HA và tự động mở rộng
+
+Amazon Aurora là dịch vụ cơ sở dữ liệu quan hệ (RDS) được nâng cấp bởi AWS, tương thích với MySQL và PostgreSQL. Aurora cung cấp hiệu năng cao, khả năng High Availability (HA) và fault-tolerant thiết kế sẵn, đồng thời là managed service giúp tự động patch, backup và failover.
+
+---
+
+## 1. Khái niệm
+
+- Aurora = RDS mạnh hơn thông thường, tối ưu performance và HA.
+- Tốc độ nhanh hơn RDS thông thường (3–5x MySQL, 2x PostgreSQL)
+- Managed service → không phải lo patch, backup, failover.
+
+---
+
+## 2. Phân loại (Engines / Editions)
+
+- Aurora MySQL-compatible
+- Aurora PostgreSQL-compatible
+- Aurora Serverless v2 → scale tự động theo workload
+
+---
+
+## 3. Thành phần chính
+
+| Component           | Mô tả |
+|--------------------|-------|
+| DB Cluster          | 1 primary + 0–15 read replicas |
+| Primary instance    | Chịu trách nhiệm read/write |
+| Read Replicas       | Chỉ đọc, giảm tải ứng dụng |
+| Cluster volume      | Storage 6 copies / 3 AZs, 64 TB max |
+| Snapshots / Backups | Auto backup & manual snapshot |
+| Aurora Serverless   | Compute tự động scale theo request |
+
+---
+
+## 4. Sử dụng và giải quyết vấn đề
+
+### Vấn đề khi dùng RDS thông thường
+- Performance giới hạn read/write
+- Multi-AZ chỉ có 1 standby
+- Scaling vertical có downtime
+- Backup và failover chậm
+
+### Aurora giải quyết
+- High performance → ghi nhanh, read nhiều, auto split read replicas
+- Highly available → 6 copies, tự phục hồi khi AZ down
+- Auto scaling → Serverless scale theo workload
+- Durable → Storage replicated across AZ
+- Managed → Backup, patch, failover tự động
+
+### Khi nào nên dùng
+- Ứng dụng quan hệ cần performance cao
+- Workload read-heavy (analytics/reporting)
+- Multi-AZ cần HA và fault-tolerance
+
+### Khi không nên dùng
+- Workload non-relational → dùng DynamoDB
+- Không cần performance cao → RDS bình thường rẻ hơn
+- Cần full control OS hoặc custom DB → EC2 DB
+
+---
+
+## 5. Ưu điểm & Nhược điểm
+
+### Ưu điểm
+- Tốc độ cao (3–5x MySQL, 2x PostgreSQL)
+- HA mạnh: 6 copies / 3 AZ
+- Auto failover 30s–1 phút
+- Auto backup & snapshot
+- Auto scaling (Serverless v2)
+- Read replicas up to 15
+
+### Nhược điểm
+- Chi phí cao hơn RDS bình thường
+- Không custom OS
+- Serverless v2 chưa suitable write-heavy cực lớn
+- Multi-region replication không tự động (cần Aurora Global DB)
+
+---
+
+## 6. So sánh với dịch vụ tương tự
+
+### Aurora vs RDS MySQL/Postgres
+
+| Feature               | Aurora         | RDS MySQL/Postgres |
+|----------------------|---------------|------------------|
+| Performance           | 3–5x          | Standard         |
+| Multi-AZ              | 6 copies/3 AZ | 2 copies/2 AZ    |
+| Read replicas         | Up to 15      | Max 5            |
+| Auto failover         | < 1 phút      | 1–2 phút         |
+| Serverless option     | Có            | Không            |
+
+### Aurora vs DynamoDB
+
+| Feature               | Aurora         | DynamoDB         |
+|----------------------|---------------|-----------------|
+| Type                  | Relational    | NoSQL           |
+| Queries               | SQL           | Key-value/document |
+| Transactions          | ACID          | Limited         |
+| Scaling               | Vertical + read scaling | Horizontal global scaling |
+| HA in region          | Có            | Multi-region replication |
+
+### Aurora vs RDS Multi-AZ
+
+| Feature               | Aurora         | RDS Multi-AZ     |
+|----------------------|---------------|-----------------|
+| Copies/AZ             | 6 copies/3 AZ | 2 copies/2 AZ   |
+| Failover speed        | Nhanh         | Chậm            |
+| Read replicas         | Up to 15      | Max 5           |
+| Performance           | Cao           | Standard        |
+
+---
+
+## 7. Luồng hoạt động
+
+1. App write → primary instance
+2. Aurora lưu dữ liệu vào cluster volume (6 copies / 3 AZs)
+3. Read requests → routed đến read replicas
+4. Primary fail → auto failover → read replica chuyển thành primary
+5. App reconnect tự động nhờ cluster endpoint
+
+---
+
+## 8. Cách mở rộng (Scaling)
+
+- **Vertical scaling**: thay đổi instance type → downtime vài phút (Serverless tránh downtime)
+- **Horizontal scaling**: Read replicas (up to 15) → chia tải đọc
+- **Global scale**: Aurora Global DB → multi-region replication, RTO < 1 phút
+
+---
+
+## 9. Bảo mật
+
+- VPC → private subnet
+- Security Group → mở port 3306/5432
+- IAM Authentication → MySQL/Postgres auth
+- KMS encryption → at rest & in transit
+- Snapshots encryption → backup bảo mật
+- SSL/TLS → encrypt connection
+
+---
+
+## 10. Tích hợp với dịch vụ AWS khác
+
+| Service           | Công dụng                     |
+|------------------|-------------------------------|
+| EC2 / ECS / Lambda | Connect database             |
+| CloudWatch        | Metrics & logs                |
+| CloudTrail        | Audit actions                 |
+| Secrets Manager   | Store credentials             |
+| DMS               | DB migration                  |
+| S3                | Backup, data import/export    |
+| Aurora Global DB  | Cross-region HA               |
+
+---
+
+## 11. Kiến trúc thực tế
+
+### Web app read-heavy
+- ALB → ECS Fargate → Aurora Cluster
+- Primary (write)
+- Read Replicas (read)
+
+### Serverless App
+- API Gateway → Lambda → Aurora Serverless v2
+
+### Multi-region Disaster Recovery
+- Aurora Global DB: US-East primary → EU secondary
+
+---
+
+## 12. Sự cố thường gặp & cách xử lý
+
+| Issue                  | Cause                     | Fix |
+|------------------------|---------------------------|-----|
+| Connection timeout     | SG, subnet               | Check VPC/Security group |
+| Write-heavy bottleneck | Primary overloaded        | Add replicas, scale instance |
+| Failover               | Primary down              | Auto failover → reconnect app |
+| Read lag               | Read replicas delayed     | Reduce heavy writes / use reader endpoint |
+| Storage full           | Cluster volume limit      | Enable autoscaling storage |
+| Aurora Serverless cold start | No active connections | Adjust min capacity |