Tạo blog miễn phí sử dụng Notion
🤗

Tạo blog miễn phí sử dụng Notion

Tags
Node.js
React.js
Notion
Published
February 21, 2023
Author

Giới thiệu

Sau bao lần trì hoãn, phân vân với rất nhiều sự lựa chọn khác nhau. Tự code hay dùng open source, dùng sẵn Wordpress hay dùng các nền tảng khác. Thay vì dành rất nhiều thời gian để tự tạo ra những thứ có sẵn và đáp ứng đủ nhu cầu của một blog thì lựa chọn cuối cùng của tôi là no code. Việc không mất thời gian vào việc code sẽ cho mình thời gian để nghĩ idea và viết bài.
Với các tiêu chí như:
  • Open source.
  • Có sẵn template để sử dụng.
  • Dễ dàng viết bài trên mọi thiết bị khác nhau.
  • Dễ dàng deploy mà không cần phải setup server.
  • Có thể connect domain.
  • Nhẹ, nhanh và page speed cao.
Thật may là có bộ 3 services đáp ứng được đủ các tiêu chí trên mà lại còn miễn phí:
  • Source code: Cho phép connect với Notion để tạo ra một blog xịn xò
  • Notion: Để quản lý content của toàn bộ blog
  • Vercel: Deploy code & connect domain với vài click
Các toys đã có đủ, bây giờ chúng ta cùng bắt tay vào hành động nhé.

Sử dụng Notion để làm content

Như đã giới thiệu ở trên, toàn bộ content của blog chúng ta sẽ sử dụng Notion. Để sử dụng thì rất đơn giản, bạn cần đăng ký một tài khoản ở đây. Bạn có thể tìm hiểu và sử dụng thử các chức năng của Notion. Notion rất flexible, bạn có thể sử dụng với rất nhiều các mục đích khác nhau. Tùy vào các template mà chúng ta sử dụng.
Do cấu trúc của một blog cũng có nhiều thành phần khác nhau. Bởi thế tôi sẽ sử dụng nguyên template mà ở source code bên trên họ cung cấp. Bạn sẽ chỉ cần đăng nhập và thực hiện Duplicate là đã có một blog với các nội dung example.
Chúng ta sẽ có các bước sau:
1. Duplicate từ template
notion image
2. Thay đổi content cho phù hợp
notion image
Bạn có thể click vào từng mục để thêm, xóa các bài post tùy theo mục đích của mình. Và từ bây giờ về sau bạn cũng sẽ sử dụng chính giao diện này để quản trị các bài post của blog.

Thêm config để trỏ tới Notion

Sau khi đã có content của blog, bạn cần trỏ tới page với blog vừa tạo trên Notion. Với bước này thì bạn sẽ cần biết một chút về Git. Tôi sẽ bổ sung thêm một bài chi tiết về sử dụng Git sau.
1. Clone source code về máy
git clone git@github.com:transitive-bullshit/nextjs-notion-starter-kit.git ~/workspace/blog
2. Thay đổi config
notion image
Tại đây, chúng ta sẽ có một field rất quan trọng là rootNotionPageId đây chính là id của page chúng ta đã duplicate từ template ra trên Notion. Bạn cần lấy được chúng và đưa vào config.
notion image
Bạn có thể thay đổi các thông tin social như Github, Twitter hay Youtube… Nếu bạn không có nhu cầu hiển thị các thông tin thì có thể comment chúng lại.
Sau khi đã thay đổi được config, chúng ta cần tạo một repository trên Github và đẩy chúng lên.

Deploy blog với Vercel

Sau khi đã có đầy đủ các content và source cần thiết. Chúng ta sẽ bắt tay vào deploy chúng đưa chúng tới với mọi người.
Một trong những tiêu chí dễ Deploy và miễn phí nên tôi lựa chọn Vercel. Với các bước đơn giản như sau:
Bước này khá đơn giản, chúng ta chỉ cần truy cập vào trang chủ của Vercel và chọn một trong các cách để đăng ký. Thông thường tôi sẽ chọn login qua Github cho tiện
notion image
2. Connect với Github
 
3. Deploy
4. Thay đổi domain

Mua & connect domain với Vercel