littlebot
Published on 2025-04-11 / 1 Visits
0

【源码】基于Next.js、React和TypeScript的Yotion笔记管理系统

项目简介

Yotion是一款专注于高效笔记和文档管理的轻量级应用程序。它为用户提供简洁、直观的界面,方便用户创建、编辑和组织笔记与文档。文档可保存在云端,支持随时随地访问,还能与他人共享,提升个人工作效率。

项目的主要特性和功能

  • 暗黑模式:可切换,减少眼睛疲劳。
  • 响应式布局:适配不同设备,在桌面和移动设备上都有良好体验。
  • 笔记公开发布:用户能选择将笔记公开,便于共享。
  • 第三方登录:支持通过Clerk等第三方服务进行登录验证。
  • Markdown语法支持:方便用户进行富文本编辑。
  • 优雅美观的界面:简洁美观的设计,提升用户体验。

安装使用步骤

开发环境搭建

  1. 安装Node.js和npm:确保系统已安装,未安装则访问Node.js官网下载安装。
  2. 安装项目依赖:在项目根目录下执行npm install
  3. 启动开发服务器:运行npm run dev
  4. 启动Convex开发环境:在另一个终端窗口运行npx convex dev

部署

推荐使用Vercel部署,步骤如下: 1. Vercel部署:访问Vercel官方网站注册账号,按部署指南将项目部署到Vercel平台。 2. Convex部署:参考Convex使用Vercel部署文档完成部署配置。

注意事项

开发中参考以下文档进行配置和设置: - Convex配置:参考Convex配置官方文档。 - Clerk第三方登录验证:参考Clerk第三方登录验证文档

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】