翻页记事本 - 你的下一代在线笔记工具

翻页记事本 - 你的下一代在线笔记工具

去发现同类优质开源项目:https://gitcode.com/

一款灵感来源于Notion的在线笔记应用，它让你在创建和编辑笔记时体验到与Notion类似的高效与便捷。如果你还没有尝试过Notion.so，强烈建议你现在就去探索一下这个令人惊叹的工具。

🚀 演示地址: notion-clone.kmuenster.com 📝 文章阅读: 如何构建一个像Notion一样的文本编辑器

---

---

强大功能

• 快捷命令: 输入 / 转换为各种内容类型。
• HTML 支持: 在文本块中直接使用常规HTML标签。
• 图片支持: 使用 /image 命令上传图片。
• 拖放排序: 通过拖放轻松重新排列区块。
• 访客编辑: 创建公共页面并分享链接给任何人。
• 用户管理: 创建账号以创建私有页面。
• 定时任务: 自动删除不活跃的页面和账号。

技术栈

前端基于Next.js实现，并完全进行了服务器端渲染。后端通过REST API处理用户内容保存和用户管理。

前端

Next.js · React.js · SCSS/SASS

后端

Express.js · MongoDB with Mongoose · Nodemailer · JWT（基于Cookie）

安装与运行

1. 克隆项目

    git clone https://github.com/konstantinmuenster/notion-clone.git
    cd notion-clone
   

2. 添加环境变量

   后端: 在backend目录下创建.env文件，填入相关配置。

   前端: 在frontend目录下创建.env.local文件，设置API端点。

3. 安装并运行后端 (http://localhost:8080)

   cd backend
   npm install
   npm start
   

4. 安装并运行前端 (http://localhost:3000)

   cd frontend
   npm install
   npm run dev
   

部署

你可以在几乎任何支持Node应用程序和自定义域名的提供商上托管该应用。这里推荐使用vercel.com部署前端，heroku.com部署后端。

MongoDB Atlas

需要先创建一个新的MongoDB集群来存储所有页面和块数据。你可以免费在MongoDB Atlas上创建。

确保，创建以下集合：

• pages
• users

确保，允许所有人访问网络（由于Heroku的要求）。

后端部署

在heroku.com创建新应用，并设置相应的生产环境变量。具体参见安装部分的说明。

前端部署

使用Vercel CLI轻松部署前端。

在切换到前端目录后运行：

cd frontend
vercel

确保，在Vercel上添加后端API作为生产环境变量，并为前端添加自定义域名。

关于作者

由Konstantin Münster开发。更多信息请访问konstantin.digital。

此项目遵循MIT许可协议。 查看LICENSE获取更多信息。

https://github.com/konstantinmuenster

---

翻页记事本是一个强大的、可扩展的在线笔记工具，借助前沿的技术栈，它提供了一流的用户体验和多样的功能。无论是个人笔记、团队协作还是项目管理，都能得心应手。立即试用，发现更多可能！

去发现同类优质开源项目:https://gitcode.com/