跳转到内容

构建性能者,用下云化处理Next.js

搭建网络和移动应用需要团队持续分析请求和可做哪些工作避免缓加页面伤害接头并令访问者不高兴

幸运的是,Lext.js等工具允许这些团队用性能构建Web应用

下一云向开发者提供使用Lext.js应用头等支持以自动优化、即时变换和增载自上传能力大规模发送图像,现在可用云化上传部件.

代码片段显示带耳机的妇女转换成带文本平方图像
动态裁剪并重标文本叠加

使用下云化,你可以感到有信心 建设图像表演经验 任由云化在幕后辛勤工作

注释 :

下一云形社区融合云开发者关系团队支持开源.

下云形核心提供克隆图像组件打包并扩展ext.js图像组件提供开发者从Lext.js所期望的相同经验,同时提供你从云中所爱的特点和性能

组件自定义加载函数传递图像组件使用图像道关构建云式URL,并允许附加道关控制类似变换后台清除.

取CLDIMAGE组件CldOgimage生成开图社会媒体卡使用与Cldimage相同的API工作方式使用Next.jshead组件将自定义元标签提升到文档.

生成社交媒体卡
下一云社会媒体卡

最后,为大家方便上传CldUp加载按钮CldUp装入部件元件使用现有的云上传元件,搭建友情API和Next.js工具脚本脚本组件.

这一切能保持你生产力 帮助为访问者建立丰富经验

启动时, 安装下云管理器

       线程加下一曲##m安装下院代码语言Shell会话高山市外壳)

env.local或CI上添加一个新的环境变量

NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME="
         
          ...
         代码语言Shell会话高山市外壳)

准备后导入想使用组件,如CLDIMage组件

导入{CldImaage}发自'next-cloudinary';代码语言JavaScript高山市javascript)

并投入您的项目


         
          六百元
         高度=六百元src=...
         
          ...
         alt=my图像/>代码语言JavaScript高山市javascript)

深入了解组件、APIs和特征下一云文件.
ugs问题或特征请求查找下一云宿GitHub.

回顶

特征邮箱

Baidu
map