DEV Community
·
ArNext - 同时支持Arweave和Vercel的Next.js框架
💡
原文英文，约1200词，阅读约需5分钟。
📝
内容提要
ArNext是基于NextJS的框架，支持在Vercel和Arweave上部署相同代码，解决了传统PermaApps在动态内容加载和社交媒体卡片支持方面的限制。它通过多种技巧构建多页应用，支持SSR和客户端路由，提升性能和用户体验。
🎯
关键要点
- ArNext是基于NextJS的框架，支持在Vercel和Arweave上部署相同代码。
- 传统PermaApps在动态内容加载和社交媒体卡片支持方面存在限制。
- Permaapps是单页面应用，依赖静态站点生成，缺乏服务器端路由。
- 动态内容加载速度慢，社交媒体卡片无法支持动态生成的页面。
- ArNext允许通过一系列技巧构建多页应用，支持SSR和客户端路由。
- 在Vercel上部署的应用可以进行云优化，而在Arweave上则作为永久备份。
- ArNext解决了静态文件链接的问题，通过动态计算和插入相对路径。
- 构建ArNext应用需要使用特定的命令和配置。
- ArNext目前仅支持NextJS页面路由，未来将支持更多功能。
- 迁移到ArNext需要移除不支持的特性并安装必要的依赖。
❓
延伸问答
ArNext框架的主要功能是什么？
ArNext是基于NextJS的框架，支持在Vercel和Arweave上部署相同代码，解决了传统PermaApps在动态内容加载和社交媒体卡片支持方面的限制。
传统PermaApps存在哪些限制？
传统PermaApps在动态内容加载速度慢、社交媒体卡片无法支持动态生成页面等方面存在限制，且只能进行客户端哈希路由。
如何构建ArNext应用？
构建ArNext应用需要使用特定命令，如'npx create-arnext-app myapp'，然后进行必要的配置和依赖安装。
ArNext如何解决静态文件链接的问题？
ArNext通过动态计算和插入相对路径来解决静态文件链接的问题，确保在不同的部署环境中正确加载资源。
ArNext与传统PermaApps相比有什么优势？
ArNext允许使用SSR和客户端路由，提升了性能和用户体验，同时支持动态内容加载和社交媒体卡片的生成。
迁移到ArNext需要注意哪些事项？
迁移到ArNext需要移除不支持的特性，并安装必要的依赖，如arnext和其他相关库。
➡️
