Khóa học làm website cá nhân miễn phí: Web tĩnh & deploy Vercel từng bước
Hướng dẫn chi tiết tạo website cá nhân miễn phí bằng HTML/CSS, đưa lên GitHub và deploy Vercel — phù hợp freelancer, sinh viên, chuyên gia cần trang portfolio.
Bạn muốn có website cá nhân — giới thiệu bản thân, portfolio, CV online — nhưng không muốn tốn tiền hosting?
Khóa học này hướng dẫn từng bước, chi tiết từng thao tác: tạo web tĩnh (HTML/CSS), đưa lên GitHub, deploy miễn phí trên Vercel, và có link .vercel.app để chia sẻ ngay trên Zalo, Facebook, CV.
TechPartner (techpartner.vn) viết hướng dẫn này cho cá nhân, freelancer và người mới bắt đầu. Nếu bạn cần web doanh nghiệp phức tạp hơn (form, CMS, SEO local, đa ngôn ngữ), xem thêm dịch vụ làm website hoặc mẫu web theo ngành.
Mục lục nhanh
- Web tĩnh là gì?
- Chuẩn bị tài khoản & công cụ
- Chuẩn bị nội dung website
- Tạo file HTML/CSS trên máy
- Đưa code lên GitHub
- Deploy miễn phí trên Vercel
- Gắn tên miền riêng (tùy chọn)
- Cập nhật website sau này
- Checklist & lỗi thường gặp
- Liên hệ hỗ trợ
Web tĩnh là gì? Vì sao phù hợp cá nhân?
| Đặc điểm | Web tĩnh | Web động (WordPress, app…) |
|---|---|---|
| Chi phí hosting | Miễn phí trên Vercel | Thường trả phí hàng tháng |
| Bảo trì | Ít, ít bị hack | Cần cập nhật plugin thường xuyên |
| Tốc độ | Rất nhanh | Phụ thuộc cấu hình server |
| Phù hợp | Portfolio, CV, landing giới thiệu | Bán hàng, blog lớn, đặt lịch |
| Cần biết code? | HTML/CSS cơ bản (có mẫu sẵn) | Có thể dùng kéo-thả nhưng nặng hơn |
Web tĩnh = trình duyệt tải file HTML, CSS, ảnh và hiển thị. Không cần server PHP hay database. Vercel host miễn phí và tự cấp SSL (HTTPS) — khách truy cập thấy ổ khóa xanh, tin tưởng hơn.
Kết quả sau khóa học: Bạn có link dạng https://ten-ban.vercel.app hoặc https://tenban.vn (nếu mua domain) — gửi cho khách hàng, đính kèm CV, đặt bio Instagram/Facebook.
Phần A — Chuẩn bị tài khoản & công cụ
Làm lần lượt 4 mục dưới đây trước khi viết code.
A.1 — Tạo tài khoản GitHub (miễn phí)
GitHub là nơi lưu mã nguồn website. Vercel sẽ đọc code từ GitHub để đưa lên Internet.
Các bước:
- Mở trình duyệt, vào https://github.com/signup
- Nhập Email → Create password (mật khẩu mạnh, ít nhất 8 ký tự)
- Chọn Username — ví dụ
nguyenvana(dùng cho URL repo sau này) - Xác minh captcha nếu có
- GitHub gửi mã xác nhận qua email → nhập mã → Verify
- Chọn gói Free (miễn phí) → Continue
- Bỏ qua khảo sát hoặc chọn "Skip" nếu không muốn trả lời
Kiểm tra thành công: Đăng nhập được, thấy trang Dashboard với nút New repository.
A.2 — Tạo tài khoản Vercel (miễn phí)
Vercel là nền tảng deploy website — biến code trên GitHub thành trang web truy cập được trên Internet.
Các bước:
- Vào https://vercel.com/signup
- Chọn Continue with GitHub (khuyến nghị — liên kết 1 lần, deploy tự động sau này)
- GitHub hỏi quyền truy cập → bấm Authorize Vercel
- Vercel hỏi loại tài khoản → chọn Hobby (miễn phí, dùng cho cá nhân)
- Hoàn tất — bạn vào Vercel Dashboard
Lưu ý: Gói Hobby không cần thẻ tín dụng. Đủ cho website cá nhân.
A.3 — Cài VS Code (trình soạn thảo code)
VS Code giúp bạn viết HTML/CSS dễ hơn Notepad — có tô màu code, gợi ý lỗi.
Windows:
- Vào https://code.visualstudio.com
- Bấm Download for Windows
- Chạy file
.exevừa tải → Next → Next → Install → Finish - Mở VS Code từ Start Menu
macOS:
- Tải bản Mac từ trang chủ
- Kéo Visual Studio Code vào thư mục Applications
- Mở từ Launchpad
Extension khuyến nghị (tùy chọn):
- Trong VS Code, bấm biểu tượng Extensions (4 ô vuông bên trái)
- Tìm Live Server → Install (xem website ngay khi sửa file)
- Tìm Prettier → Install (format code gọn hơn)
A.4 — Cài Git (đẩy code lên GitHub)
Windows:
- Vào https://git-scm.com/download/win
- Tải và cài — giữ mặc định, bấm Next hết
- Mở Git Bash hoặc Terminal trong VS Code (View → Terminal)
- Kiểm tra:
git --version
Thấy git version 2.x.x là OK.
macOS:
git --version
Nếu chưa có, macOS sẽ hỏi cài Xcode Command Line Tools → bấm Install.
Cấu hình Git lần đầu (bắt buộc, 1 lần duy nhất):
git config --global user.name "Ten Ban"
git config --global user.email "email@example.com"
Thay bằng tên và email GitHub của bạn.
Phần B — Chuẩn bị nội dung website
Trước khi code, viết sẵn nội dung trong Google Docs hoặc Word. Copy vào HTML sau sẽ nhanh hơn.
B.1 — Danh sách nội dung cần có
| Hạng mục | Ví dụ | Ghi chú |
|---|---|---|
| Họ tên | Nguyễn Văn A | Hiển thị tiêu đề trang |
| Chức danh | Freelancer thiết kế web | 1 dòng ngắn |
| Thành phố | Thanh Hóa / Hà Nội | Tăng tin cậy local |
| Giới thiệu | 2–3 đoạn, mỗi đoạn 2–4 câu | Kinh nghiệm, đam mê |
| Kỹ năng / dịch vụ | Thiết kế logo, viết content… | 3–8 mục |
| ban@gmail.com | Dùng cho link mailto | |
| Số điện thoại | 0901 234 567 | Quan trọng — khách gọi từ mobile |
| Ảnh đại diện | avatar.jpg | Vuông, 400×400 px, dưới 200 KB |
| Link mạng xã hội | Facebook, Zalo, LinkedIn | URL đầy đủ |
B.2 — Chuẩn bị ảnh
- Chọn ảnh chân dung rõ mặt, nền sạch
- Crop vuông (1:1) bằng Canva hoặc app điện thoại
- Export JPG, kích thước khoảng 400×400 px
- Đặt tên file:
avatar.jpg(không dấu, không khoảng trắng)
Mẹo: Website cá nhân chỉ cần 1 trang (one-page) cũng đủ. Bạn có thể thêm trang Blog, Portfolio sau.
Phần C — Tạo file HTML/CSS trên máy
C.1 — Tạo thư mục dự án
Windows:
- Mở File Explorer
- Vào
Documents(Tài liệu) - Chuột phải → New → Folder → đặt tên
website-ca-nhan - Trong thư mục đó, tạo thêm folder
images - Copy file
avatar.jpgvàoimages
macOS:
- Finder → Documents → New Folder →
website-ca-nhan - Tạo
images, copyavatar.jpgvào
Cấu trúc cuối cùng:
website-ca-nhan/
├── index.html ← Trang chính (bắt buộc)
├── style.css ← Giao diện (bắt buộc)
├── script.js ← Hiệu ứng (tùy chọn)
└── images/
└── avatar.jpg ← Ảnh đại diện
C.2 — Mở thư mục trong VS Code
- Mở VS Code
- File → Open Folder…
- Chọn thư mục
website-ca-nhan - Bấm Select Folder / Chọn thư mục
- Thanh bên trái hiện cây thư mục — thấy
images/avatar.jpg
C.3 — Tạo file index.html
- Trong VS Code, bấm biểu tượng New File (tờ giấy có dấu +)
- Gõ tên:
index.html→ Enter - Dán toàn bộ code sau (sau đó thay nội dung trong
[...]):
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Website cá nhân của Nguyễn Văn A — Freelancer thiết kế web tại Thanh Hóa" />
<title>Nguyễn Văn A — Freelancer thiết kế web</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<img src="images/avatar.jpg" alt="Ảnh Nguyễn Văn A" width="120" height="120" />
<h1>Xin chào, tôi là Nguyễn Văn A</h1>
<p class="tagline">Freelancer thiết kế web · Thanh Hóa</p>
<nav class="nav">
<a href="#gioi-thieu">Giới thiệu</a>
<a href="#ky-nang">Kỹ năng</a>
<a href="#portfolio">Portfolio</a>
<a href="#lien-he">Liên hệ</a>
</nav>
</header>
<main>
<section id="gioi-thieu">
<h2>Giới thiệu</h2>
<p>
Tôi là freelancer thiết kế website, có 2 năm kinh nghiệm làm landing page
và portfolio cho cá nhân, shop nhỏ tại Thanh Hóa và các tỉnh lân cận.
</p>
<p>
Tôi ưu tiên website <strong>nhanh, gọn, dễ xem trên điện thoại</strong>
— vì phần lớn khách hàng tìm dịch vụ qua Zalo và Facebook trên mobile.
</p>
</section>
<section id="ky-nang">
<h2>Kỹ năng / Dịch vụ</h2>
<ul>
<li>Thiết kế landing page one-page</li>
<li>Chỉnh sửa giao diện HTML/CSS</li>
<li>Deploy website lên Vercel</li>
<li>Tối ưu hiển thị mobile</li>
</ul>
</section>
<section id="portfolio">
<h2>Portfolio (dự án mẫu)</h2>
<div class="cards">
<article class="card">
<h3>Website giới thiệu cá nhân</h3>
<p>Landing one-page, deploy Vercel, tối ưu mobile.</p>
</article>
<article class="card">
<h3>Trang CV online</h3>
<p>CV tương tác, link gửi nhà tuyển dụng qua email.</p>
</article>
</div>
</section>
<section id="lien-he">
<h2>Liên hệ</h2>
<p>
Email:
<a href="mailto:ban@gmail.com">ban@gmail.com</a>
</p>
<p>
Điện thoại / Zalo:
<a href="tel:+84901234567">0901 234 567</a>
</p>
<p>
Facebook:
<a href="https://facebook.com/ten-ban" target="_blank" rel="noopener noreferrer">facebook.com/ten-ban</a>
</p>
<p class="cta">
<a class="btn" href="tel:+84901234567">Gọi ngay</a>
<a class="btn btn-outline" href="mailto:ban@gmail.com">Gửi email</a>
</p>
</section>
</main>
<footer>
<p>© 2026 Nguyễn Văn A · Website cá nhân</p>
</footer>
</body>
</html>
- Ctrl+S (Windows) hoặc Cmd+S (Mac) để lưu
Giải thích từng phần quan trọng:
| Thẻ / thuộc tính | Ý nghĩa |
|---|---|
<!DOCTYPE html> |
Báo trình duyệt đây là trang HTML5 |
<meta charset="UTF-8"> |
Hiển thị tiếng Việt có dấu đúng |
<meta name="viewport"> |
Responsive — co giãn trên điện thoại |
<meta name="description"> |
Google hiển thị khi tìm kiếm |
<title> |
Tiêu đề tab trình duyệt |
<link href="style.css"> |
Nối file CSS (giao diện) |
href="tel:+84901234567" |
Mobile bấm số → gọi điện ngay |
href="mailto:..." |
Mở app email |
target="_blank" |
Mở link ngoài tab mới |
id="gioi-thieu" + href="#gioi-thieu" |
Menu nhảy tới section |
C.4 — Tạo file style.css
- New File →
style.css - Dán code:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
line-height: 1.65;
color: #1c1917;
background: #fafaf9;
max-width: 720px;
margin: 0 auto;
padding: 2rem 1.25rem 3rem;
}
header {
text-align: center;
margin-bottom: 2.5rem;
}
header img {
border-radius: 50%;
object-fit: cover;
margin-bottom: 1rem;
border: 3px solid #e7e5e4;
}
.tagline {
color: #78716c;
margin-top: 0.35rem;
}
.nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.75rem 1rem;
margin-top: 1.25rem;
}
.nav a {
font-size: 0.9rem;
text-decoration: none;
color: #44403c;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: #f5f5f4;
}
.nav a:hover {
background: #e7e5e4;
}
section {
margin-bottom: 2.25rem;
}
h2 {
font-size: 1.125rem;
margin-bottom: 0.75rem;
color: #44403c;
}
ul {
padding-left: 1.25rem;
}
a {
color: #0d9488;
}
.cards {
display: grid;
gap: 1rem;
}
@media (min-width: 560px) {
.cards {
grid-template-columns: 1fr 1fr;
}
}
.card {
background: #fff;
border: 1px solid #e7e5e4;
border-radius: 12px;
padding: 1rem;
}
.card h3 {
font-size: 1rem;
margin-bottom: 0.35rem;
}
.card p {
font-size: 0.925rem;
color: #57534e;
}
.cta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-top: 1rem;
}
.btn {
display: inline-block;
padding: 0.65rem 1.1rem;
border-radius: 8px;
background: #0d9488;
color: #fff !important;
text-decoration: none;
font-weight: 600;
}
.btn-outline {
background: transparent;
color: #0d9488 !important;
border: 1px solid #0d9488;
}
footer {
margin-top: 2rem;
text-align: center;
font-size: 0.875rem;
color: #a8a29e;
border-top: 1px solid #e7e5e4;
padding-top: 1.5rem;
}
- Lưu file (Ctrl+S / Cmd+S)
C.5 — Xem trước trên trình duyệt
Cách 1 — Kéo thả (nhanh nhất):
- Mở Chrome hoặc Edge
- Kéo file
index.htmltừ File Explorer/Finder thả vào cửa sổ trình duyệt - Kiểm tra: ảnh hiện, menu bấm được, nút "Gọi ngay" có màu xanh
Cách 2 — Live Server (nếu đã cài extension):
- Trong VS Code, chuột phải
index.html - Open with Live Server
- Trình duyệt tự mở — sửa CSS/HTML, trang tự reload
Cách 3 — Mở trực tiếp:
Double-click index.html trong File Explorer.
Kiểm tra trên điện thoại (quan trọng):
- Trên máy tính, bấm F12 → biểu tượng điện thoại (Toggle device toolbar)
- Chọn iPhone hoặc Galaxy — xem chữ có quá nhỏ, menu có vỡ layout không
Phần D — Đưa code lên GitHub
D.1 — Tạo repository trên GitHub
- Đăng nhập github.com
- Góc trên phải, bấm dấu + → New repository
- Điền form:
| Ô | Giá trị |
|---|---|
| Repository name | website-ca-nhan |
| Description | Website cá nhân miễn phí |
| Public / Private | Chọn Public |
| Add README | Không tick |
| Add .gitignore | None |
| Choose a license | None |
- Bấm Create repository
- GitHub hiện trang hướng dẫn — chưa cần làm gì trên web, quay lại VS Code
D.2 — Push code từ máy tính (từng lệnh)
- Trong VS Code: Terminal → New Terminal (hoặc Ctrl+`)
- Đảm bảo đang ở thư mục
website-ca-nhan:
cd ~/Documents/website-ca-nhan
(Đường dẫn có thể khác — xem thanh title VS Code)
- Chạy lần lượt từng lệnh:
git init
→ Tạo repo Git local trong thư mục.
git add .
→ Thêm tất cả file (index.html, style.css, images/avatar.jpg).
git commit -m "Trang web ca nhan lan dau"
→ Lưu snapshot (commit) đầu tiên.
git branch -M main
→ Đặt tên nhánh chính là main.
git remote add origin https://github.com/TEN-GITHUB-CUA-BAN/website-ca-nhan.git
→ Thay TEN-GITHUB-CUA-BAN bằng username GitHub của bạn.
git push -u origin main
→ Đẩy code lên GitHub.
D.3 — Đăng nhập GitHub lần đầu push
Khi git push, có thể hiện cửa sổ đăng nhập:
- Cách 1: Trình duyệt mở → đăng nhập GitHub → Authorize
- Cách 2: Dùng Personal Access Token (PAT):
- GitHub → Settings → Developer settings → Personal access tokens → Tokens (classic)
- Generate new token → tick repo
- Copy token → dán vào ô password khi Git hỏi (username vẫn là GitHub username)
Kiểm tra thành công:
- Vào
https://github.com/TEN-GITHUB-CUA-BAN/website-ca-nhan - Thấy
index.html,style.css, thư mụcimages— OK
Phần E — Deploy miễn phí trên Vercel
E.1 — Import project từ GitHub
- Đăng nhập vercel.com/dashboard
- Bấm Add New… (góc trên phải) → Project
- Nếu chưa kết nối GitHub: bấm Connect GitHub Account → Authorize
- Danh sách repo hiện ra → tìm website-ca-nhan → bấm Import
- Màn hình Configure Project:
| Mục | Giá trị |
|---|---|
| Project Name | website-ca-nhan (giữ mặc định) |
| Framework Preset | Other hoặc Vercel tự nhận Static |
| Root Directory | ./ (mặc định) |
| Build Command | để trống (HTML thuần không cần build) |
| Output Directory | để trống hoặc . |
| Environment Variables | Không cần |
- Bấm Deploy
- Chờ 30 giây – 2 phút — thanh progress chạy xong
- Màn hình Congratulations! → bấm Visit hoặc copy URL
URL mẫu: https://website-ca-nhan.vercel.app hoặc https://website-ca-nhan-tenban.vercel.app
E.2 — Kiểm tra website live
Mở link trên:
- Trang load, không 404
- Ảnh avatar hiện
- CSS áp dụng (nền xám nhạt, nút xanh)
- Bấm số điện thoại trên điện thoại thật → có hộp thoại gọi
- Thanh địa chỉ có https:// và ổ khóa
E.3 — Deploy tự động khi sửa code
Vercel đã liên kết GitHub. Mỗi lần bạn git push, Vercel tự deploy lại — không cần bấm Deploy thủ công.
Theo dõi deploy:
- Vercel Dashboard → chọn project website-ca-nhan
- Tab Deployments — xem lịch sử, trạng thái Ready / Error
Phần F — Gắn tên miền riêng (tùy chọn)
Nếu bạn đã mua domain (ví dụ nguyenvana.vn tại P.A Vietnam, Mat Bao, Tenten…):
F.1 — Thêm domain trên Vercel
- Vercel → Project website-ca-nhan → Settings → Domains
- Ô Add domain, gõ:
nguyenvana.vn→ Add - Thêm thêm:
www.nguyenvana.vn→ Add - Vercel hiện bảng DNS Records cần cấu hình
F.2 — Cấu hình DNS tại nhà đăng ký domain
Ví dụ Vercel yêu cầu:
| Type | Name | Value |
|---|---|---|
| A | @ | 76.76.21.21 |
| CNAME | www | cname.vercel-dns.com |
Các bước (mọi nhà đăng ký tương tự):
- Đăng nhập trang quản lý domain (PA Vietnam, Mat Bao…)
- Vào Quản lý DNS / DNS Zone
- Thêm từng bản ghi theo bảng Vercel gợi ý
- Lưu — chờ 5 phút đến 48 giờ (thường 15–30 phút)
- Quay lại Vercel → Domains — trạng thái chuyển Valid Configuration
- Vercel tự cấp SSL — truy cập
https://nguyenvana.vn
Chi tiết khái niệm: Domain, hosting, SSL & DNS.
Lưu ý: Domain có phí (~200k–500k/năm tùy
.vn/.com). Hosting + SSL trên Vercel vẫn miễn phí.
Phần G — Cập nhật website sau này
Ví dụ bạn đổi số điện thoại hoặc thêm dự án portfolio:
G.1 — Sửa file trên máy
- Mở VS Code → folder
website-ca-nhan - Sửa
index.htmlhoặcstyle.css - Lưu → xem trước bằng Live Server hoặc kéo thả
index.html
G.2 — Đẩy lên GitHub
git add .
git commit -m "Cap nhat so dien thoai va portfolio"
git push
G.3 — Chờ Vercel deploy
- Vercel Dashboard → Deployments
- Thấy deployment mới — trạng thái Building → Ready
- Refresh trang web — nội dung mới hiện ra
Mẹo: Nếu trình duyệt vẫn thấy cũ → Ctrl+F5 (hard refresh) hoặc mở tab ẩn danh.
Phần H — Checklist & lỗi thường gặp
H.1 — Checklist trước khi chia sẻ link
-
<title>đúng tên bạn (không còn[Tên]) - Meta description mô tả rõ bạn làm gì
- Ảnh avatar dưới 200 KB, hiển thị tròn
- Email và số điện thoại thật, click được trên mobile
- Không còn
email@example.comhoặc số giả - Đã test trên điện thoại thật (iPhone hoặc Android)
- Link
.vercel.appmở được khi gửi qua Zalo/Facebook - (Tùy chọn) Gửi link cho 1–2 người bạn xem thử
H.2 — Lỗi thường gặp & cách sửa
| Triệu chứng | Nguyên nhân | Cách sửa |
|---|---|---|
| Trang trắng, không chữ | Thiếu index.html hoặc lỗi cú pháp HTML |
Kiểm tra VS Code có báo lỗi đỏ; mở F12 → Console |
| CSS không áp dụng | Sai tên file hoặc đường dẫn | File phải là style.css cùng cấp index.html; trong HTML: href="style.css" |
| Ảnh vỡ (icon hình vỡ) | Sai đường dẫn images/avatar.jpg |
Kiểm tra ảnh nằm trong folder images, tên file khớp chữ hoa/thường |
git push bị từ chối |
Chưa đăng nhập GitHub | Dùng PAT hoặc GitHub Desktop |
| Vercel deploy Error | Không có index.html ở root repo |
index.html phải ở thư mục gốc, không nằm trong subfolder |
| Domain không hoạt động | DNS chưa propagate | Chờ thêm; kiểm tra bản ghi A/CNAME khớp Vercel |
| Sửa rồi web vẫn cũ | Cache trình duyệt | Ctrl+F5; thử tab ẩn danh |
| Tiếng Việt bị lỗi font | Thiếu <meta charset="UTF-8"> |
Thêm vào <head> như mẫu trên |
H.3 — Khi nào nên nâng cấp?
Web tĩnh miễn phí phù hợp bước đầu. Cân nhắc nâng cấp khi cần:
- Nhiều trang (Blog, Dịch vụ, Bảng giá…)
- Form liên hệ gửi email tự động
- SEO local (Google Maps, Thanh Hóa/Hà Nội)
- Đa ngôn ngữ Vi/En
- Tích hợp Zalo, Messenger, Google Analytics
→ Xem Next.js + Vercel hoặc checklist làm website A–Z.
Tóm tắt quy trình (7 bước nhớ nhanh)
Chuẩn bị nội dung + ảnh
↓
Viết index.html + style.css trên máy
↓
Xem trước trên trình duyệt
↓
git init → add → commit → push lên GitHub
↓
Vercel Import repo → Deploy
↓
Chia sẻ link .vercel.app
↓
Cập nhật: sửa file → git push → Vercel tự deploy
Toàn bộ quy trình không tốn tiền hosting. Chỉ tốn thời gian học và chỉnh nội dung — phù hợp sinh viên, freelancer, chuyên gia tự do muốn có mặt trên Internet nhanh.
Cần hỗ trợ? Liên hệ TechPartner
Bạn làm theo hướng dẫn mà gặp khó ở bất kỳ bước nào?
- Git / GitHub không push được
- Vercel báo lỗi deploy
- Muốn chỉnh giao diện đẹp hơn mẫu
- Cần gắn domain, SEO, form liên hệ
- Muốn nâng cấp lên website chuyên nghiệp thay vì tự làm
Hãy liên hệ TechPartner — chúng tôi hỗ trợ tư vấn miễn phí bước đầu:
| Kênh | Thông tin |
|---|---|
| Hotline / Zalo | 0963 238 959 |
| Form liên hệ | /lien-he |
| huyvanorg@gmail.com | |
| Website | techpartner.vn |
Gọi hoặc nhắn Zalo 0963 238 959, mô tả bạn đang kẹt ở bước nào (ví dụ: "deploy Vercel bị lỗi", "muốn thêm form liên hệ") — team sẽ hướng dẫn hoặc báo giá làm web theo yêu cầu, từ landing cá nhân đến website doanh nghiệp tại Thanh Hóa & Hà Nội.
Bài viết thuộc loại hướng dẫn thực hành trên blog TechPartner. Cập nhật: tháng 8/2026.
Câu hỏi thường gặp
Làm website cá nhân miễn phí có cần mua hosting không?
Không. Vercel cung cấp gói Hobby miễn phí đủ cho web tĩnh cá nhân (portfolio, CV online, trang giới thiệu). Bạn chỉ cần tài khoản GitHub và Vercel — không cần thẻ tín dụng.
Web tĩnh là gì?
Web tĩnh là website gồm file HTML, CSS, ảnh — không có cơ sở dữ liệu hay đăng nhập phức tạp. Trình duyệt tải file và hiển thị. Phù hợp trang cá nhân, landing page, portfolio.
Tôi không biết code có làm được không?
Có. Bài này cung cấp code mẫu copy-paste, bạn chỉ cần thay tên, ảnh và nội dung. Nếu cần hỗ trợ tùy chỉnh hoặc nâng cấp lên web chuyên nghiệp hơn, liên hệ TechPartner qua hotline 0963 238 959.
Vercel miễn phí có giới hạn gì?
Gói Hobby (miễn phí) phù hợp dự án cá nhân: bandwidth và build đủ dùng cho portfolio. Nếu traffic lớn hoặc cần tính năng doanh nghiệp, cân nhắc nâng cấp hoặc nhờ đối tác triển khai.
Mất bao lâu để làm xong website cá nhân miễn phí?
Nếu đã chuẩn bị nội dung (ảnh, giới thiệu, số điện thoại), bạn có thể hoàn thành trong 1–2 giờ lần đầu. Các lần cập nhật sau chỉ mất vài phút nhờ git push.
Startup của bạn cần tech partner?
Trao đổi miễn phí về MVP, timeline và mô hình chia lợi nhuận phù hợp.