开源实践：我们如何用 Next.js App Router 构建高性能官网

开点科技官网近日完成全面重构，本文分享我们在技术选型和实现过程中的经验。

为什么选择 Next.js App Router

App Router 提供了更灵活的路由系统、内置的 Server Components 支持以及更好的 SEO 能力。对于我们这种以内容展示为主的官网来说，非常契合。

性能优化策略

• ISR（增量静态再生）：在数据新鲜度和性能之间取得平衡
• 图片优化：利用 next/image 实现懒加载和格式自适应
• 代码分割：客户端组件按需加载，减少首屏 JS 体积

动画体验

我们选择了 GSAP 来实现页面动画效果。GSAP 的高性能和丰富的插件生态（如 ScrollTrigger）让我们能够打造流畅的滚动体验。

总结

技术选型没有银弹，关键是根据项目特点选择合适的工具。对于企业官网这类场景，Next.js App Router + GSAP 是一个不错的组合。