0

Daje

Logo

作者:375

跳过无聊的部分

以往每个项目都是以同样的方式开始的:实现平滑滚动效果,将其与GSAP同步,连接WordPress,设置翻译,构建表单,处理Cookie提示横幅。Daje 出厂时已将所有这些工作都完成——快速、精简且随时准备好实现创意动画——因此,从第一天起,你就可以直接着手实现真正的创意。

由开发者打造,专为开发者服务。说实话,主要是为了我们自己。

内容简介

01

Lenis 平滑滚动

由 GSAP 计时器驱动,并与 ScrollTrigger 同步。包含路由变更时的滚动重置、锚点处理以及加载器运行期间的锁定功能。

02

GSAP 动画注册表

每个动画都保存在独立的文件中,包含设置、进入和退出动画,并通过关键帧进行控制。开箱即用,提供 11 种自定义缓动效果和黄金比例计时。

03

动画基础组件

文本、图片、视频、Pin 和 YouTube,支持显示预设、视差效果、视口或就绪触发器、回放以及“prefer-reduced-motion”功能。

04

SplitText, Done Right

SplitText,做得恰到好处

05

无头 WordPress

基于 REST API 的 FetchAPI 辅助工具,支持查询序列化、分页、缓存标签以及按需重新验证 webhook。顶部菜单和页脚小工具直接来自 WP。

06

多语言

支持 WPML 翻译的固定链接的 Next-intl 路由、一个能准确跳转的语言切换器,以及包含 hreflang 替代链接的站点地图。

07

Gravity Forms

在 WordPress 中构建的表单,通过 React 渲染。表单提交和文件上传均通过服务器端代理处理,凭据绝不会在客户端传输。

08

无需 reCAPTCHA 的反垃圾邮件方案

Cloudflare Turnstile 已验证的服务器端,外加一个蜜罐字段。没有需要点击的交通信号灯。

09

Iubenda, Already Wired

Iubenda,已接入Wired

10

SEO from Yoast

Yoast 的 SEO

11

Loader with Tasks

带任务的加载器

12

Works Without a Backend

无需后端即可运行

如何将它们结合在一起

Step 01

脚手架

npx new-daje,就这样搞定。

Step 02

连接

将 WP 端点、应用密码和 Turnstile 密钥放入环境变量中。

Step 03

Animate

动画

Step 04

船

静态参数、缓存标签和网站地图已处理完毕。

Pin — scrubbed, pinned, reversible

原生视频,采用延迟显示和视差效果。YouTube作为轻量级前端界面:在用户点击播放前仅显示封面图,因此iframe不会在首次加载时增加负担。

Video HTML5
Youtube Embeed

Yep, this copy is 100% AI generated.

The code, on the other hand, is handcrafted by studio375 — forged from every past bug, deadline, and bestemmie.

Get Started

Clone it, break it, make it yours.

DAJE
Cookie Policy