Biến Google Sheets Thành Web App/CRM Chuyên Nghiệp Bằng AI | Google Antigravity | Vibe Coding

Video này Thuận hướng dẫn anh em cách biến file Google Sheets quản lý CRM/Kho hàng đơn sơ thành một Web App chuyên nghiệp, có giao diện Dashboard đẹp mắt, xem tốt trên Mobile và đồng bộ dữ liệu 2 chiều. Đặc biệt, Thuận sử dụng công cụ Google Antigravity để AI tự động code toàn bộ: từ việc đọc cấu trúc file Excel/Sheets, dựng giao diện Next.js, đến việc xử lý API kết nối và Deploy lên Vercel. TIMESTAMPS (Mục lục): 00:00 Demo thành quả Web App CRM 00:55 Bước 1: Chuẩn bị file Excel/Google Sheets 02:10 Dùng Google Antigravity đọc cấu trúc file 06:45 Prompt AI dựng giao diện Web App Dashboard 10:15 Tạo Google Cloud Project & Lấy API Key 22:50 Xử lý lỗi giao diện & Tối ưu UI Mobile 31:40 AI tạo bộ lọc thời gian tùy chỉnh 40:40 Kiểm tra đồng bộ dữ liệu Web và Excel 01:05:00 Đấu nối Web App với Google Sheets Online 01:14:00 Deploy Web App lên Vercel bằng CLI 01:21:00 Fix lỗi số liệu & Kiểm tra lần cuối Tech Stack: Next.js, Google Sheets API, Vercel, Google Antigravity. GROUP CHIA SẺ KINH NGHIỆM, KIẾN THỨC VỀ LÀM WEB/LÀM APP/MOBILE APP VỚI AI cho bạn nào cần nha Group Facebook :   / 2003473670450794   Group Zalo theo chủ đề : Nhóm chung chung nhiều chủ đề : https://zalo.me/g/nxncat909 Cho kinh doanh : https://zalo.me/g/zdztfw63 DỊCH VỤ LÀM WEB APP/PHẦN MỀM : https://www.thuanphanmem.com/services Khóa học Xây dựng Web App từ A → Z cơ bản - Nhờ AI hỗ trợ : https://www.thuanphanmem.com/courses SDT : 0976 924 061 - Thuận #GoogleSheets #WebApp #GoogleAntigravity #VibeCoding #CRM #NgocThuan #NextJS

Cách Làm Web App Bằng AI A-Z: Từ PRD, Wireframe Đến Code (Vibe Coding) | Phần 1 - Lên Plan
▶︎

Cách Làm Web App Bằng AI A-Z: Từ PRD, Wireframe Đến Code (Vibe Coding) | Phần 1 - Lên Plan

Dùng Google Antigravity Deploy Web App (P.1): Vercel, Supabase & Gắn Tên Miền | Vibe Coding
▶︎

Dùng Google Antigravity Deploy Web App (P.1): Vercel, Supabase & Gắn Tên Miền | Vibe Coding

Thôi gõ Sub thủ công đi! Tool này tự động làm xong trong 1 phút #huyaiautomation
▶︎

Thôi gõ Sub thủ công đi! Tool này tự động làm xong trong 1 phút #huyaiautomation

Giảm Giờ Làm Vẫn x10 Hiệu Suất | Khoá Học Tự Động Hoá Mọi Thứ Với Google Apps Script (Full course)
▶︎

Giảm Giờ Làm Vẫn x10 Hiệu Suất | Khoá Học Tự Động Hoá Mọi Thứ Với Google Apps Script (Full course)

Dự đoán về 2026: Làn sóng đào thải & từ #chatbot đến #robot vật lý
▶︎

Dự đoán về 2026: Làn sóng đào thải & từ #chatbot đến #robot vật lý

Không Biết Code Vẫn Tạo Được Web App | Demo Thực Chiến Với Antigravity
▶︎

Không Biết Code Vẫn Tạo Được Web App | Demo Thực Chiến Với Antigravity

1.Tạo Web Apps với Google Apps Script & Google Sheets - Lấy dữ liệu từ Google Sheets
▶︎

1.Tạo Web Apps với Google Apps Script & Google Sheets - Lấy dữ liệu từ Google Sheets

How to Use Google Antigravity the Right Way: Rules, Workflows, Skills & Real AI Agent Workflow
▶︎

How to Use Google Antigravity the Right Way: Rules, Workflows, Skills & Real AI Agent Workflow

Turn Google Sheets Data into a Dynamic HTML Dashboard Web App (Vibe Coding)
▶︎

Turn Google Sheets Data into a Dynamic HTML Dashboard Web App (Vibe Coding)

(Việt hoá) Học Vibe Coding cùng chuyên gia Claude
▶︎

(Việt hoá) Học Vibe Coding cùng chuyên gia Claude

Hướng Dẫn AppSheet Mới Nhất 2026 | Tạo App Bằng Google Sheet No-Code Từ A-Z
▶︎

Hướng Dẫn AppSheet Mới Nhất 2026 | Tạo App Bằng Google Sheet No-Code Từ A-Z

Vibe Coding Antigravity #1: Code App Quản lý Công việc & Mẹo Tiết Kiệm Token
▶︎

Vibe Coding Antigravity #1: Code App Quản lý Công việc & Mẹo Tiết Kiệm Token

Google Antigravity | Hướng dẫn Cào Data & Tự động hóa công việc với AI Agent
▶︎

Google Antigravity | Hướng dẫn Cào Data & Tự động hóa công việc với AI Agent

Tự động hóa mọi công việc với Google Apps Script – Hướng dẫn chi tiết từ A–Z
▶︎

Tự động hóa mọi công việc với Google Apps Script – Hướng dẫn chi tiết từ A–Z

Antigravity + Stitch MCP: Combo Mạnh Mẽ Thiết Kế UI Hoàn Chỉnh
▶︎

Antigravity + Stitch MCP: Combo Mạnh Mẽ Thiết Kế UI Hoàn Chỉnh

🎯 30 Phút - Tạo Web Hoàn Chỉnh Bằng Google AntiGravity | Up GitHub Ngay
▶︎

🎯 30 Phút - Tạo Web Hoàn Chỉnh Bằng Google AntiGravity | Up GitHub Ngay

Xây dựng web Full-Stack với Antigravity + Supabase
▶︎

Xây dựng web Full-Stack với Antigravity + Supabase

Lập trình App Chấm Điểm CV bằng AI từ A-Z | Full Course 1 Giờ (Antigravity + Gemini) #vibecoding
▶︎

Lập trình App Chấm Điểm CV bằng AI từ A-Z | Full Course 1 Giờ (Antigravity + Gemini) #vibecoding

Hướng dẫn sử dụng Claude Code từ A đến Z cho người mới bắt đầu | Demo xây dựng Web App thực tế
▶︎

Hướng dẫn sử dụng Claude Code từ A đến Z cho người mới bắt đầu | Demo xây dựng Web App thực tế

Agent Skills giúp cải thiện giao diện web như thế nào
▶︎

Agent Skills giúp cải thiện giao diện web như thế nào