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

2023-07-30 16:12:55 +08:00
tukon479  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
3403 次点击
所在节点   程序员  程序员
40 条回复
Promisei
Promisei
2023-07-30 23:18:20 +08:00
请问一下大佬们，你们博客的 UI 设计是怎么想出来的，我自己也想做一个，但就是 Ui 界面没有头绪
tukon479
tukon479
2023-07-30 23:43:45 +08:00
@Promisei 抄就对了
fxixixixixi
fxixixixixi
2023-07-30 23:46:42 +08:00
好看好看👍，我想借鉴借鉴
cyberpoint
cyberpoint
2023-07-30 23:55:05 +08:00
请教个问题。jotai 的状态怎么在 react 外部修改和清除。我看新的官网文档写了可以在外部操作了。但是具体方法没找到。
GTim
GTim
2023-07-31 08:32:55 +08:00
部署的时候用的什么套件？我也想做一个，就是还没下定决心要怎么部署
hua123s
hua123s
2023-07-31 09:39:44 +08:00
@cyberpoint https://jotai.org/docs/core/store store.set
codenotkey
codenotkey
2023-07-31 09:45:12 +08:00
好像有点交互小问题，复现方法。
1.点开一篇文章（弹出了文章 dialog ），
2.使用带有快速前进和返回的鼠标，url 在变化，
3.但 dialog 挡住了页面，
K332
K332
2023-07-31 10:14:04 +08:00
说个无伤大雅的小 bug,手记那一页左侧的导航栏如果快速划过,会让赞助码卡在页面上(是彩蛋吗😂).
友链是比较吸引我的点,只要关注一个就不用到处去关注每个人的个人博客了(个人博客资源站?似乎可行🤔)
tukon479
tukon479
2023-07-31 12:06:02 +08:00
@GTim 直接 vercel 把
tukon479
tukon479
2023-07-31 12:07:05 +08:00
@K332 移到那个咖啡的 button 上会消失。快速移动的时候好像没有感知到 mouseleave 事件
tukon479
tukon479
2023-07-31 12:07:39 +08:00
@codenotkey 啊 感谢反馈
tukon479
tukon479
2023-07-31 12:23:16 +08:00
@cyberpoint e.g. https://github.com/Innei/Shiro/blob/main/src/atoms/activity.ts
kisnows
kisnows
2023-07-31 13:27:27 +08:00
@tukon479 博主评论系统怎么解决的，自己存储吗
sechi
sechi
2023-07-31 13:49:22 +08:00
最下面的实时在线人数有 bug ，复现流程未知。似乎接收到新数据后旧数据并没有清除，而是直接插在了后面。
zoeliu
2023-07-31 14:19:06 +08:00
这个透明的代码块预览很喜欢~~~ 感觉一点儿也不割裂

另外 4k 以上屏幕看起来字体小了些
tukon479
2023-07-31 14:25:20 +08:00
@sechi 这是 framer motion 的 bug ，现在没有解。
tukon479
2023-07-31 14:26:13 +08:00
@zoeliu 14 号太小了么，我现在用的 5K 的屏倒是感觉还好？
tukon479
2023-07-31 14:31:26 +08:00
@kisnows 自己写的，写的比较烂，两年前的代码了，最近像把服务端也重写了
theprimone
2023-07-31 21:00:42 +08:00
@tukon479 看 MDN 文档发现了一模一样的代码，哈哈哈 https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API#controlling_animations_with_javascript
theprimone
2023-07-31 22:40:17 +08:00
分享一下，抄了，切起来真上头 https://tailwind-nextjs-typescript-starter-blog-yuns.vercel.app/ 😄

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/960974

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX