跳到主要内容

iFlux Web iFlux Blog iFlux Docs iFlux Links

© 2026 iFlux Art

iFlux Docs

技术选型
更新日志

输入关键词开始搜索

项目说明技术选型更新日志

你好，我是 iFlux AI

有什么可以帮你的？试试下面的问题：

Enter 发送，Shift+Enter 换行

iflux-next 架构设计 Next.js React TypeScript Tailwind CSS shadcn/ui Biome Turborepo Vue 创建应用添加组件开发规范 Frontmatter 用法与规范嵌入式 Playground新 API 参考 Twoslash 类型提示新

Next.js

基于 React 的全栈框架，App Router + Server Components + PPR

119 字·1 分钟

0

目录：技术选型

2 / 16

x

1.iflux-next 架构设计 2.Next.js 3.React 4.TypeScript 5.Tailwind CSS 6.shadcn/ui 7.Biome 8.Turborepo 9.Vue 10.创建应用 11.添加组件 12.开发规范 13.Frontmatter 用法与规范 14.嵌入式 Playground 15.API 参考 16.Twoslash 类型提示

iflux-next 架构设计 React

目录

暂无目录

iflux-next 所有前端应用均基于 Next.js 16。

选型理由

App Router：文件系统路由 + Server Components + Streaming，全栈一体化
PPR (Partial Prerendering)：静态 + 动态内容混合渲染，提升首屏性能
React Compiler：自动 memo，无需手动 useMemo/useCallback

使用方式

默认 ppr: true，通过 withIfluxDefaults() 配置
布局组件放在 src/app/layout.tsx，页面统一使用 page.tsx 约定
动态数据放在 Server Component 中直接 await，资源密集型渲染用 Suspense 包裹