web application final project

web application final project

repo链接: https://github.com/KUD-00/blog

复现步骤

  • git clone
  • 安装pnpm
  • pnpm install
  • pnpm run dev
  • 访问3010端口

使用的技术

  • typescript:带类型检查的js
  • next.js:react框架
  • tailwind css:更简单的写css
    • daisyui:适合更懒的人
  • contentlayer处理markdown
  • vercel:部署平台

nextjs和tailwind css有中文文档,可以参考


要尝试去做的

  • vercel sql database:数据库支持
  • nextauth:用户认证支持
  • 搜索功能

可以简单完成的

  • 添加翻页功能
  • markdown文件添加update_time和tag属性

需要大家做的:

  • 大致了解以上内容
  • 能够用git在github上提PR

几个比较好的入手点

  • 几乎所有都围绕着app/marketing 目录
  • app/marketing/project和hint 逻辑比较简单(使用daisyui)
  • 所有组件在/component下面
  • /config里是常量
  • 看看commit,除了update posts,也就是blog内容改动的commit里面有我对逻辑的改动,应该比较简单