项目简介

这是一个基于Next.js和TypeScript构建的个人博客网站，具备前台展示和后台管理功能。利用Next.js的SSR特性提升首屏加载速度和SEO友好性，TypeScript增强代码可维护性，Prisma简化数据库操作，同时集成Bytemd支持Markdown编写和预览。

项目的主要特性和功能

主要特性

1. 采用Next.js v14，支持SSR，提升首屏加载速度并对SEO友好。
2. 使用TypeScript编写，有更强的类型检查和代码可维护性。
3. 借助Prisma简化数据库操作，便于管理和扩展。
4. 集成Bytemd实现Markdown的编写和预览。

功能模块

前台

• 首页：展示最新文章、热门标签等。
• 文章列表页：按分类展示文章。
• 文章详情页：展示文章内容，支持评论、点赞等功能。

后台管理

• 文章管理：查看、编辑、删除文章。
• 创建文章：支持Markdown编辑器。
• 发布文章：审核通过后展示在前台。

安装使用步骤

安装依赖

在项目根目录下运行以下命令安装项目依赖： bash npm install

数据库启动与同步

bash npm run db:gen # 生成Prisma客户端实例，用于数据库操作 npm run db:studio # 启动数据库工作室进行数据库管理 npm run db:push # 同步数据库到本地环境

启动开发服务器

运行以下命令启动开发服务器： bash npm run dev 启动后，可通过以下地址访问项目： - 前台: http://localhost:3000 - 后台管理: http://localhost:6121/management

下载地址

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