全栈克隆Notion | 使用Next.js 13、React、Convex、Tailwind | 2023年完整课程

作者: Techflow分类: 软件应用 发布时间: 2023-11-14 23:16:19 浏览:13284 次

全栈克隆Notion | 使用Next.js 13、React、Convex、Tailwind | 2023年完整课程

Ferry_____:
一看到notion就点进来了,以为他会带我了解如何去写RichTextEditor,没想到是直接用了BlockNoteEditor😭

【回复】富文本编辑器太难写了,很多做的好点的也都是用prosemirror封装的
【回复】我试图写过,一天后弃坑了,富文本的坑太多了,学不会[大哭]
一摩尔炸鸡翅:
已经撸完了。这个老哥讲得挺细,有点像国内编程培训班那种风格,我一个 nextjs➕react 双料小白能跟上。这个项目更大的作用是扩展思路,让只懂一点点前端三剑客的同学迅速熟悉 nextjs 开发的相关流程和实践。但这个老哥的编程习惯我个人感觉有点糙,记得最深的就是无脑把几乎所有组件的 z 方向优先级改成 9999,间接导致了很多隐性 bug[笑哭]

【回复】回复 @不可爱的Rnadint : 我自己发现这个问题后就一直使用默认的 z-50(如果我没记错的话),整体没有太大毛病,除了最后期有个删除提示 banner 可能会有点问题
【回复】完整写了一遍,其实 z-index 没有产生什么影响,有层级问题自己调一下就可以了,这个哥的 z-9999 属实有点暴力美学了[doge]
【回复】回复 @我自向天吟长啸 : 前几天clone了代码看了一下,有些地方写得蛮怪的,和国内的开发习惯出入比较大,但是确实能学到不少
一摩尔炸鸡翅:
正如某楼所言,想复刻 notion 的话,最关键的反而是编辑器部分,视频直接用了 blocknote 这个项目很粗略地一笔带过,确实有点让人失望[笑哭] 我在复刻 notion 时为了把 notion 很多我个人感觉很别扭的地方优化,被迫自己改 blocknote 项目。最坑爹的是这种块编辑器的全文检索功能不太好做,我在这方面感觉被完全卡住了

悠悠也疯狂:
看了没有源代码,今天刚部署完,我提供一个https://gitee.com/ggbhack/notion-clone-deploy.git

Rebe1X:
为什么我BlockNoteEditor的样式没渲染上去[大哭]

水墨无痕_QAQ:
up能否把B站的智能字幕打开,这样B站可以自动生成中文字幕[给心心]

【回复】回复 @Techflow : 好的了解[笑哭]
【回复】视频太长的不能生成字幕,短的才有

全栈开发 Tailwind CSS Next.js 13 React Convex Notion

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

更多相关阅读