使用 Next.js 13 的 RSC 重写了个人站点

[tukon479]

花了点时间把原本被人称为很二次元风格的个人站点重写了，刚好试试 Next.js 13 的 App Router ，然后尝试了一种新的简洁风。有优秀的 SEO 性能，并在 LightHouse 中 Performance > 90%，Best practice > 90%。

技术栈除了 Next.js 之外，还用了 Framer motion ，Radix ，Tailwind ，Jotai 。

已经开源欢迎锐评。

Repo: https://github.com/Innei/Shiro

Preview: https://innei.in

[haolongsun]

tql,不过状态信息怎么实现的呀，就当前能知道正在做什么这个，是本地有一个监控程序？

[tukon479]

@haolongsun 有个上报程序，简单用 swift 写了一个

[wmwm]

UI 做的实在是好看👍。我也是用 nextjs13 app router 写的 https://wmwm.me ，界面没你这么炫酷。图床是用 minio 搭建的，用户注册时的邮箱验证码是用 docker-mailserver 搭建的，评论系统是基于 mariadb 数据库搭建的，markdown 的解析用的是 unified.js

[x77]

简历也放？

[ChrisFreeMan]

简约美观👍

[zsj1029]

已 star 非常棒，最佳实践很难得，学习一下

[tukon479]

@zsj1029 感谢

[knightdf]

后端仔表示真牛逼

[tyzandhr]

捉虫：
https://innei.in/about#性格属性 中，“体制弱者”应为“体育弱者”
https://innei.in/about#兴趣爱好 中，“二次元傻 ruan”应为“二次元傻 luan”

[theprimone]

点击切换主题之后的变化有点秀啊，看了下代码，见都没见过的 API 😦

[Xusually]

捉虫：
https://status.innei.in/status/main
最下面
WebDva -> WebDav

[chenzhe]

别的地方点击切换页面之后都没遇到这个问题，在导航栏点完 [手记] 之后，无法只用浏览器的前进或后台来切换页面。

[tukon479]

@tyzandhr 感谢指出已改正

[tukon479]

@chenzhe 感谢反馈

[lemayi]

非常棒的最佳实践代码！感谢 OP ！

[tukon479]

@theprimone 实验性的 API 从 vitepress ~~抄的~~

[zkaip]

马克，共同学习。

[rus4db]

好看

[Keyblade]

https://laobinghu.top/
这个怎么跟你的长得一模一样的..

[Keyblade]

@Keyblade #19 对不起没仔细看，才看到楼主是主题作者..分享了的