Cách lưu trữ một trang web siêu nhanh miễn phí trên Netlify

đống mứt Các trang web siêu nhanh vì chúng phục vụ các tệp tĩnh. Chúng sử dụng rất ít tài nguyên CPU và máy chủ nói chung nên các nền tảng như Netlify có thể cung cấp dịch vụ lưu trữ miễn phí và chất lượng tốt.

Netlify là một môi trường điện toán đám mây. Nhưng không giống như các nền tảng đám mây khác như AWS và Google Cloud, Netlify đơn giản và dễ sử dụng. Không có hướng dẫn phức tạp và không có thiết lập dài dòng.

Dịch vụ Netlify hướng đến mục tiêu giúp cuộc sống của bạn trở nên dễ dàng nhất có thể bằng cách kết hợp những điểm tốt nhất của nhiều thế giới vào một dịch vụ: điện toán đám mây, Jamstack, kho lưu trữ Git và giá freemium.

Netlify và Jamstack

Netlify đã là một phần của phong trào Jamstack trong một thời gian dài và là một trong những nền tảng sớm nhất và tốt nhất góp phần vào sự phát triển của phương pháp thiết kế web hiện đại này.

Phong trào Jamstack kết hợp JavaScript, API và Markup để tạo ra phương pháp phát triển front-end tách biệt với back-end. Điều này dẫn đến hiệu suất máy chủ tốt hơn, bảo mật tốt hơn, dễ mở rộng quy mô hơn và chi phí vận hành rẻ hơn.

Ví dụ, GitHub ban đầu cung cấp dịch vụ lưu trữ web cho các tệp được lưu trữ trên nền tảng của mình, nhưng dịch vụ này có giới hạn. Sau đó, Netlify đã đưa việc xây dựng mã trang web từ các kho lưu trữ và lưu trữ các biến thể tĩnh của mình lên một tầm cao mới. Và điều này đã tạo ra một ngành công nghiệp hoàn toàn mới với nhiều lợi ích.

Lý do sử dụng Netlify

Netlify có nhiều ý nghĩa vì nó làm được nhiều thứ. Bằng cách kết hợp nhiều tính năng vào một dịch vụ duy nhất và tự động hóa càng nhiều càng tốt, nền tảng này mang lại nhiều lợi ích tuyệt vời cho các doanh nghiệp ở mọi quy mô.

Sau đây là những lợi thế chính bạn có thể nhận được từ Netlify:

• Dễ sử dụng – Netlify là một trong những nền tảng lưu trữ đám mây dễ sử dụng nhất hiện nay. Không cần phải đọc hướng dẫn dài dòng và khó hiểu. Không cần phải làm theo các bước thiết lập phức tạp hoặc thậm chí là các quy trình bảo trì phức tạp hơn. Netlify chỉ hoạt động.
  
  Ngoài ra, hệ thống còn cung cấp các tính năng điện toán đàn hồi như các môi trường đám mây khác. Điều này đảm bảo rằng khi đến lúc, trang web hoặc dịch vụ của bạn sẽ mở rộng quy mô một cách nhẹ nhàng để xử lý các đợt tăng đột biến lưu lượng truy cập mà không gặp phải tình trạng tắc nghẽn thông thường ở phía sau.
  
• Mạng phân phối nội dung – Là một phần của sự đơn giản và dễ sử dụng, dịch vụ Netlify bao gồm một mạng lưới phân phối nội dung có tên là Netlify Edge. Nó triển khai các trang web của bạn trên nhiều vị trí, để phục vụ chúng nhanh nhất có thể cho khách truy cập gần đó.
  
  Phần tuyệt vời của dịch vụ này là bạn không cần phải tinh chỉnh và cấu hình bất kỳ cài đặt nào để có được kết quả tốt nhất. Sau khi triển khai trang web, bạn cập nhật tất cả các tài sản web và mã của mình cùng một lúc. Tất cả các bộ đệm được vô hiệu hóa ngay lập tức và được cập nhật trên toàn cầu. Và bạn cũng có thể khôi phục trang web của mình về các bản dựng trước đó một cách dễ dàng và ngay lập tức.
  
  Netlify tự động quản lý hầu hết những điều này cho bạn. Sự khác biệt duy nhất là số lượng dịch vụ và vị trí biên bạn nhận được, vì gói miễn phí có một số giới hạn.
  
• Gói miễn phí – Netlify là một nền tảng phần mềm dưới dạng dịch vụ freemium. Nhưng không giống như các nền tảng điện toán đám mây khác, tài khoản miễn phí hoàn toàn miễn phí. Không cần thẻ tín dụng.
  
  Tuy nhiên, gói miễn phí này bao gồm nhiều tính năng ấn tượng. Chẳng hạn như bản dựng Git tự động, triển khai mạng biên, khôi phục tức thời về phiên bản trước, bản xem trước trực tiếp trước khi triển khai và các chức năng không cần máy chủ miễn phí.
  
• Công trình tự động – Bạn cũng nhận được Netlify Build miễn phí. CI/CD (Tích hợp liên tục/Triển khai liên tục) này giúp bạn dễ dàng quản lý các cải tiến và phát triển trang web của mình. Nó tự động xây dựng lại từ kho lưu trữ của bạn, mỗi khi bạn đẩy các bản cập nhật mới vào tài khoản Git của mình.
  
  Mọi thứ đều được tự động hóa hoàn toàn và có bản xem trước để cho bạn biết những gì bạn sẽ triển khai. Bạn cũng có thể cấu hình từng bước của quy trình và khôi phục lại bất kỳ bản dựng trước đó nào một cách dễ dàng.
  
• Các hàm Netlify – Mỗi trang web bạn triển khai trên nền tảng Netlify đều có quyền truy cập vào các hàm không có máy chủ mà bạn có thể sử dụng cho nhiều mục đích. Các hàm Netlify này là các quy trình phía máy chủ chạy trên mã JavaScript.
  
  Mỗi trang web được 125K lượt gọi miễn phí và bạn chỉ cần trả phí khi vượt quá hạn ngạch đó. Bạn có thể sử dụng các chức năng để xử lý hình ảnh, gửi email, xác thực thông tin đầu vào của người dùng và thậm chí lấy dữ liệu từ các điểm cuối API khác.
  
• Biểu mẫu tự động – Netlify giúp bạn dễ dàng tích hợp các biểu mẫu vào trang web tĩnh của mình và thu thập tất cả các nội dung gửi mà không cần mã hóa nhiều hoặc các vấn đề căng thẳng khác. Chỉ cần thêm thuộc tính 'netlify' vào bất kỳ biểu mẫu nào của bạn như … và thế là xong.
  
  Sau đó, bạn có thể xem tất cả các bài nộp trong bảng điều khiển của mình, với các biểu mẫu được sắp xếp cẩn thận theo tên. Hệ thống đi kèm với tính năng chống thư rác và Netlify có thể thông báo thêm cho bạn qua email, Slack hoặc webhooks khi có bài nộp.
  
  Các tùy chọn khác bao gồm chuyển tiếp biểu mẫu đã nộp đến hơn 1,000 ứng dụng bằng cách sử dụng tích hợp Zapier của Netlify.
  
• NetlifyCMS – Ứng dụng NetlifyCMS là trình chỉnh sửa tiện lợi cho bất kỳ trang web tĩnh nào được lưu trữ trên nền tảng Netlify thông qua nhà cung cấp Git như GitHub. Nó lấy tất cả dữ liệu của bạn từ kho lưu trữ và tạo giao diện quản lý dễ sử dụng.
  
  NetlifyCMS là ứng dụng React một trang được xây dựng bởi cộng đồng hơn 100 người đóng góp. Ứng dụng này thân thiện với trình soạn thảo, cung cấp quy trình làm việc trực quan, hoàn toàn miễn phí và giúp việc quản lý các trang Jamstack trở nên thú vị.
  
• HTTPS miễn phí – Tất cả các tài khoản lưu trữ Netlify đều bao gồm HTTPS miễn phí. Đó là chứng chỉ SSL (Secure Socket Layer) miễn phí.

Tài khoản & Giá cả

Netlify là dịch vụ phần mềm freemium. Có gói Starter hoàn toàn miễn phí, gói Pro giá 19 đô la cho mỗi thành viên mỗi tháng, gói Business giá 99 đô la cho mỗi thành viên mỗi tháng và gói Enterprise với giá tùy chỉnh.

Điều ấn tượng về Netlify là bạn có thể làm được rất nhiều việc với gói Starter miễn phí. Được thiết kế cho các dự án cá nhân, thử nghiệm, trang web sở thích và các cuộc phiêu lưu khác, gói Starter bao gồm các bản dựng tự động với 300 phút dựng miễn phí mỗi tháng.

Gói này cũng bao gồm triển khai biên toàn cầu, khôi phục tức thời, NetlifyCMS, chức năng không cần máy chủ, băng thông 100 GB mỗi tháng và tối đa 100 lần gửi biểu mẫu miễn phí cho mỗi trang web mỗi tháng. Ngoài ra, bạn có thể lưu trữ số lượng trang web không giới hạn trên gói Starter.

Gói Pro bổ sung thêm nhiều tính năng như trang web được bảo vệ bằng mật khẩu, chức năng nền, nhiều phút xây dựng và băng thông hơn, cùng nhiều tính năng khác. Các tính năng bổ sung này tăng lên khi bạn chuyển sang các gói cao hơn.

Cách lưu trữ trang web miễn phí trên Netlify

Netlify đánh bại các công ty điện toán đám mây và lưu trữ khác như AWS, Google Cloud và Azure về tính đơn giản. Đúng, họ có nhiều cơ sở hạ tầng hơn, máy móc mạnh hơn và các trung tâm dữ liệu trên toàn cầu, nhưng thiết lập của họ có thể rất nhàm chán.

Sau đây là quy trình thiết lập từng bước cho bạn thấy cách lưu trữ trang web Jamstack trên Netlify dễ dàng như thế nào.

1. Đăng ký & Đăng nhập

Bước đầu tiên của bạn là điều hướng đến ứng dụng.netlify.com và đăng ký nếu bạn chưa đăng ký. Bạn sẽ được chào đón bằng năm phương pháp đăng nhập khác nhau, từ GitHub đến GitLab, Cai Xô nhỏ, Email và SSO.

Sau khi đăng ký, bạn cũng cần đăng nhập vào tài khoản email của mình để tìm email xác nhận từ Netlify. Nhấp vào đó để xác minh tài khoản của bạn và đăng nhập vào hệ thống.

2. Thêm một trang web mới

Ứng dụng mất vài giây để tải. Sau đó, bạn sẽ được cung cấp một bảng câu hỏi ngắn bao gồm những thông tin như tên nhóm của bạn, v.v. Chỉ cần điền mọi thông tin một cách trung thực. Nhưng hãy nhớ rằng gói miễn phí chỉ bao gồm một thành viên – bạn.

Sau khi hoàn tất giai đoạn đó, bạn sẽ thấy mình đang ở bảng điều khiển mặc định. Nhấp vào “New Site from Git” để lưu trữ một trang web mới. Hoặc bạn cũng có thể kéo và thả một thư mục chứa các tệp tĩnh của mình vào vùng được đánh dấu trên bảng điều khiển và Netlify sẽ thực hiện phần còn lại.

3. Liên kết GitHub

Nhấp vào nút từ bước 2 ở trên sẽ mở một cửa sổ mới nhắc bạn liên kết trang web mới của mình với GitHub hoặc bất kỳ kho lưu trữ Git nào khác như GitLab và Bitbucket. Tại thời điểm này, hãy đảm bảo rằng bạn đã đăng ký tài khoản Git và các tệp của trang web của bạn đã có trong kho lưu trữ.

4. Ủy quyền cho Netlify

Bây giờ bạn chỉ cần yêu cầu GitHub cho phép Netlify truy cập tài khoản GitHub của bạn và mọi việc sẽ ổn thỏa.

5. Chọn Kho lưu trữ của bạn

Mỗi trang web Netlify chuẩn được liên kết với một kho lưu trữ duy nhất. Chọn kho lưu trữ bạn muốn sử dụng và tiếp tục.

6. Cấu hình cài đặt bản dựng

Bạn sẽ cần chú ý một chút đến trang này. Nếu bạn đã có các trang web tĩnh và không sử dụng bất kỳ bộ xử lý trước nào, thì bạn có thể đặt thư mục xuất bản thành “/”. Và để trống trường lệnh xây dựng.

Mặt khác, nếu bạn đang sử dụng trình tạo trang web tĩnh như Gatsby hoặc Next, thì những gì bạn nhập ở đây sẽ phụ thuộc vào trình tạo. Bạn có thể kiểm tra danh sách này cấu hình chung, để biết phải nhập gì.

7. Xây dựng & Triển khai

Khi mọi thứ đã được thiết lập, hãy nhấp vào “Deploy Site” và Netlify sẽ chạy tất cả các bản dựng cần thiết và tạo trang web mới sáng bóng của bạn. Chỉ cần kiên nhẫn một chút.

8. Thiết lập tên miền

Sau khi xây dựng và triển khai trang web của bạn, Netlify sẽ đặt tên cho trang web trên miền *.netlify.app. Sau đó, bạn có thể đổi tên này thành tên hay hơn hoặc thậm chí gắn tên miền tùy chỉnh vào trang web.

Netlify cho phép bạn đính kèm một tên miền tùy chỉnh mà bạn đã mua ở nơi khác hoặc mua tên miền thông qua bảng điều khiển Netlify của bạn. Và hệ thống sẽ lo liệu mọi thứ. Chỉ cần nhấp vào tab Tên miền trong bảng điều khiển của bạn để thêm hoặc đăng ký tên miền mới cho trang web mới của bạn.

Kết luận

Chúng ta đã đi đến phần cuối của hướng dẫn đơn giản này về việc lưu trữ một trang web siêu nhanh miễn phí trên nền tảng Netlify. Và bạn đã thấy lý do và cách thực hiện.

Bây giờ bạn có thể tự tay mã hóa trang web tĩnh của mình hoặc sử dụng trình tạo trang web tĩnh.