ruhangs/blog

阮杭生的个人博客网站

Ruhangs

简介

一个简单的个人博客网站，使用 Next.js + React 18 + TypeScript + Shadcn/ui + Tailwind CSS 开发

预览

• PC端预览：

  • 前台：https://blog.ruhangs.com
  • 后台管理（需Github登录）：https://blog.ruhangs.com/admin

• 移动端扫描👇下面二维码访问：

特性

• 使用 Next.js v14 + React 18 hooks 进行构建，完美支持 SSR

• 使用 Tailwind CSS + shadcn/ui 编写样式和组件

• 使用 TypeScript 编写，提供类型安全性和更好的开发体验

• 使用 Prisma 简化数据库 CRUD 操作

• 使用 Redis + @veicel/KV 统计网站浏览量、博客和项目文档浏览量

• 使用 next-theme 支持明暗主题切换

• 使用 next-sitemap 生成全站 sitemap ，SEO 友好

• 使用最新的 next-auth v5 支持 Github 和 账号密码 登录后台管理

• 使用 ahooks 提升开发效率

• 响应式设计，对部分屏幕尺寸和设备进行适配

感谢

本站开发时，借鉴了以下这些优秀网站（排名不分先后）的很多设计

• shadcn/ui

• 薇尔薇

• 小植同学

• Shiro

• 付小晨