关于 React 和 Next.js 的一些问题

[dcsuibian]

我想仿一下VGtime这个新闻网站，练练手（不想做 xxx 管理系统）。

我本身是后端开发，稍微会点前端。

后端想使用 Java+Spring Boot+RESTful API ，前端想使用 React+TypeScript+Next.js

但是目前在学习 Next.js 的时候遇到了点问题：

一是最新的 Next.js 推荐使用 App Router ，比较新，缺乏文档和视频，不知道如何上手比较好。

二是我目前还没有找到优质的参考项目或最佳实践。

三是我在 Github 找到的的 Next.js 项目大多不涉及后端交互，缺少与后端集成的实例。

希望大家能推荐一些适合的参考项目给我。

[liberty1900]

@gogogo1203 https://www.thearmchaircritic.org/mansplainings/react-server-components-vs-server-side-rendering

昨天看了这篇文章，大意是 CSR 的问题是 FCP ，SSR 解决了 FCP 但是因为水合的原因带来了 TTI 的问题，RSC 解决了 FCP 并且在很大程度上缓解了 TTI

MD ，这些 3 个字母的缩写俺是忍够了

[EthanLiu1993]

@dcsuibian 虽然偏全栈但是它可以纯前端，实在不行它还可以直接静态打包都可以

[pannanxu]

用 nextjs 也可以导出静态页面，相当于拿它做脚手架，很不错的，我就准备把脚手架用 nextjs 重构，react router 用不习惯。如果后端不用 nextjs ，那就和平常写代码没啥区别的，纯粹当脚手架即可。类似 umijs ，但不喜欢 umi

[gogogo1203]

@liberty1900 当初用 react 是因为不想用 jquery 去一个个 DOM element 改和 state 管理更方便。 我以前后端用 go, 服务器用 ngnix, react 就是 static asset. React server component 不应该这么叫， 应该叫 full stack nextjs server component. 除非是新项目和完全拥抱 vercel ， 不然我不会花太多精力去弄明白 RSC.

[angrylid]

@meta575 不是 NextJS 非得和 JS 的 ORM 一起用，而是这样用才达到了一个 JS 程序员干前后端两份活的目的。

[heoizokdung]

'use client';

[fescover]

https://www.v2ex.com/t/959005#reply15

[dyllen]

和后端交互，直接在组件的 mount 事件里面请求 api 加载数据，用原生的 fetch 都可以，nextjs 有个 swr ，专门用了做获取远程数据的，用这个不需要在 mount 事件里面搞。

[jlak]

app router 官方文档很完整 建议看官方文档 基本什么答案都有

[wordx]

最近在用 nextjs 的 app router 这一套写，拥抱 vercel ，多看看文档还是不错的，
项目： https://github.com/yesmore/meetu

[g1vemep0wer]

你可以看看我的网站，就是用 ts + react + nextjs13 + tailwindcss + mdx 实现的

https://xiaojun.im

[sima675]

@7inFen t3 的那套技术栈吧

[snoppy]

@g1vemep0wer 大佬，有代码开源吗？学习学习