ArNext định nghĩa lại các ứng dụng vĩnh viễn

ArNext là một khung dựa trên NextJS cho phép các nhà phát triển triển khai cùng một cơ sở mã trên Vercel và Arweave để đạt được tối ưu hóa hiệu suất đám mây cho các ứng dụng cố định. Nó khắc phục những hạn chế của các ứng dụng cố định truyền thống như tải nội dung động chậm, chỉ hỗ trợ URL gốc và thiếu thẻ mạng xã hội. Bằng cách kết hợp kết xuất phía máy chủ của NextJS với định tuyến phía máy khách của Arweave, ArNext chạy liền mạch trên cả hai nền tảng. Lợi ích cốt lõi của nó là cung cấp cách để các nhà phát triển xây dựng các ứng dụng web được tối ưu hóa cho đám mây với bộ lưu trữ vĩnh viễn và bản sao lưu chống kiểm duyệt trên Arweave.

Tomo, người sáng lập WeaveDB, đã ra mắt ArNext, cung cấp một khuôn khổ mới để xây dựng các ứng dụng và là một sự thay đổi mang tính cách mạng cho các ứng dụng cố định (Permaapp) . Nó cho phép các nhà phát triển triển khai cùng một cơ sở mã trên Vercel và Arweave, cho phép tối ưu hóa hiệu suất đám mây và sao lưu vĩnh viễn chống kiểm duyệt.

ArNext về cơ bản là một khung ứng dụng dựa trên Next.js. Next.js là một khung React phổ biến để xây dựng các ứng dụng web hiện đại, hỗ trợ kết xuất phía máy chủ (SSR) và tạo trang tĩnh (SSG). Thông qua một loạt phương tiện kỹ thuật thông minh, ArNext có thể xây dựng Permaapp từ cùng một cơ sở mã, triển khai kết xuất phía máy chủ (SSR) trên Vercel và sử dụng định tuyến phía máy khách trên Arweave để tạo thành một ứng dụng nhiều trang và một trang đơn. ứng dụng trang độc đáo.

Hạn chế của Permaapp truyền thống

Permaapp đề cập đến việc triển khai các Ứng dụng trên Permaweb thường là các ứng dụng trang đơn (SPA). Mặc dù Permaapp có thể lưu trữ nội dung ứng dụng vĩnh viễn nhưng Permaapp truyền thống có một số hạn chế, chủ yếu là do nó dựa vào việc tạo trang tĩnh (SSG) và định tuyến băm phía máy khách, đồng thời thiếu hỗ trợ phía máy chủ. Hãy phân tích từng hạn chế này:

• Do thiếu kết xuất phía máy chủ ( SSR), động Nội dung tải chậm, như thể đầu bếp nhà hàng đang chuẩn bị đồ ăn cho bạn.

• Các hạn chế của định tuyến băm phía máy khách. Định tuyến băm được sử dụng có thể gây ra sự cố điều hướng trong một số trường hợp và bạn sẽ gặp phải "lỗi 404" khi truy cập trực tiếp vào một số trang nhất định.

• Thẻ chia sẻ trên mạng xã hội không thể được tạo chính xác vì thẻ chia sẻ trên mạng xã hội Trình thu thập thông tin nền tảng không chạy JavaScript.

• Thiếu tối ưu hóa máy chủ (chẳng hạn như SSR, ISR và Edge CDN), không thể tận hưởng các công nghệ tăng tốc và tối ưu hóa thường được sử dụng bởi các trang web hiện đại.

Những hạn chế này khiến Permaapp truyền thống trở nên yếu kém về nội dung động, điều hướng trang, chia sẻ trên mạng xã hội và tối ưu hóa hiệu suất. Đặc biệt là trong các tình huống ứng dụng phức tạp. đòi hỏi hiệu suất cao và tính linh hoạt.

Các giải pháp đổi mới của ArNext

Khung ArNext mang lại phương pháp khắc phục những hạn chế của Permaapp truyền thống:

• Triển khai kép: Triển khai cùng một ứng dụng trên cả Vercel và Arweave. Các ứng dụng trên Vercel có thể tận dụng các công nghệ máy chủ hiện đại (như SSR) để mang lại hiệu suất và trải nghiệm người dùng tốt hơn; trong khi phiên bản trên Arweave đóng vai trò là bản sao lưu lưu trữ vĩnh viễn, đảm bảo khả năng chống kiểm duyệt dữ liệu và bảo quản lâu dài.

• Tối ưu hóa hiệu suất đám mây: >Các ứng dụng Vercel có thể tận dụng các công nghệ như Tạo tĩnh tăng dần (ISR), cho phép một số trang được cập nhật động khi cần mà không cần phải tạo lại toàn bộ trang web mỗi lần, đảm bảo rằng nội dung được cập nhật trong khi vẫn hoạt động hiệu quả. Phương pháp này cải thiện đáng kể tốc độ tải và đặc biệt phù hợp với các tình huống mà nội dung thay đổi thường xuyên. Người dùng có thể nhanh chóng có được nội dung mới nhất trong khi vẫn đảm bảo hiệu suất trang.

• Trải nghiệm trang web tĩnh nhiều trang: Permaapp truyền thống là một ứng dụng một trang thuần túy, nhưng ArNext triển khai trải nghiệm trang web nhiều trang tĩnh. Khi trang tải lần đầu tiên, nó hoạt động giống như một trang web nhiều trang (MPA) được tạo tĩnh, nhưng sau khi được tải, việc chuyển trang tiếp theo sẽ diễn ra suôn sẻ như một SPA. Phương pháp này kết hợp ưu điểm của ứng dụng nhiều trang và ứng dụng một trang, không chỉ mang lại tốc độ tải lần đầu tốt mà còn đảm bảo chuyển trang mượt mà.

• Thẻ OpenGraph của trang động:Vấn đề xem trước trên mạng xã hội đã được giải quyết trong ArNext thông qua kết xuất phía máy chủ (SSR). SSR có thể tạo các thẻ OpenGraph thích hợp (bao gồm tiêu đề trang, mô tả, hình ảnh, v.v.) cho mỗi trang ở phía máy chủ, để khi người dùng chia sẻ trang, nền tảng truyền thông xã hội có thể đọc và hiển thị thẻ xem trước một cách chính xác.

• Không cần định tuyến hàm băm: strong>Permaapp truyền thống dựa vào định tuyến băm (thường là ký hiệu #) để điều hướng, trong khi ArNext giải quyết vấn đề này thông qua chức năng dự phòng của Arweave Manifests v0.2.0. Chức năng của dự phòng là cho phép máy chủ tự động quay lại trang gốc để xử lý yêu cầu khi không tìm thấy một trang cụ thể. Điều này có nghĩa là việc định tuyến băm không còn cần thiết nữa, có thể sử dụng cấu trúc URL chuẩn hơn (chẳng hạn như example.com/about) và trải nghiệm người dùng gần giống với trải nghiệm của trang web truyền thống hơn.

• Tự động tạo các đường dẫn tương đối tới tài nguyên:ArNext sử dụng ba phương pháp Đã giải quyết thách thức của liên kết tập tin tĩnh. Đầu tiên, tính toán linh hoạt và chèn đường dẫn tương đối chính xác trong quá trình triển khai để đảm bảo rằng các tài nguyên có thể được truy cập bình thường trong các môi trường khác nhau. Thứ hai, viết lại các thẻ tài nguyên theo cách thủ công để bù đắp những thiếu sót trong việc tạo đường dẫn tự động, cuối cùng là tạo một tệp kê khai thích hợp; để đảm bảo rằng các tài nguyên được lập chỉ mục và tải chính xác.

Tóm tắt

ArNext giới thiệu một khung triển khai kép kết hợp tính lâu dài của Permaapp truyền thống với tối ưu hóa hiệu suất đám mây hiện đại. Nó tích hợp các ứng dụng nhiều trang và một trang thông qua kết xuất phía máy chủ (SSR) của Vercel và định tuyến phía máy khách của Arweave. Điều này không chỉ giải quyết những hạn chế của Permaapp truyền thống trong việc tải nội dung động và điều hướng trang mà còn cải thiện các vấn đề chia sẻ xã hội và tối ưu hóa hiệu suất. Ví dụ: trong một ứng dụng viết blog, SSR của Vercel cho phép tải nhanh nội dung động (chẳng hạn như các bài viết mới nhất), trong khi Arweave lưu trữ các bài viết để đảm bảo khả năng lưu trữ vĩnh viễn và khả năng chống kiểm duyệt nội dung.

ArNext cung cấp mô hình xây dựng mới bền bỉ và hiệu suất cao, cải thiện tính linh hoạt và hiệu quả của các nhà phát triển Web3.