网站LOGO
白雾茫茫丶
页面加载中
6月25日
网站LOGO 白雾茫茫丶
记录学习、生活和有趣的事
菜单
  • 热评
    用户的头像
    首次访问
    上次留言
    累计留言
    我的等级
    我的角色
    打赏二维码
    打赏博主
    我是如何使用 Next.js14 + Tailwindcss 重构个人项目的
    点击复制本页信息
    微信扫一扫
    文章二维码
    文章图片 文章标题
    创建时间
  • 一 言
    确认删除此评论么? 确认
  • 本弹窗介绍内容来自,本网站不对其中内容负责。
    • 复制图片
    • 复制图片地址
    • 百度识图
    按住ctrl可打开默认菜单

    我是如何使用 Next.js14 + Tailwindcss 重构个人项目的

    谢明伟 · 原创 ·
    前端开发Next 实战 · ReactNextAhooksNextUITailwindcss
    共 1998 字 · 约 2 分钟 · 413

    前言

    去年在学习 ReactNest 的时候,参考了大佬 imsyy 的项目 DailyHot,以此项目的灵感基于 React 开发,完成之后就没怎么在意。

    后来发现这个项目还有点小流量,每天差不多 200-400IP 访问量:

    我又抽时间优化了下用户体验,又发现 SPA 应用又不利于 SEO 优化,正好这阶段自己又有学习 Next.js14 的想法,正好可以以此参考进行重构学习。

    🪴 项目信息

    ✨ 特性

    • 使用前端最新技术栈开发
    • 极快响应、便于开发部署
    • 目录结构清晰,轻量级,前后端一体
    • 支持多种部署方式,优先推荐 Vercel
    • 支持暗黑模式

    💻 演示图

    🧑‍💻 项目运行

    环境:Node.js > 18.17

    powershell 代码:
    // 克隆项目
    git clone https://github.com/baiwumm/next-daily-hot.git
    
    // 安装依赖
    pnpm install
    
    // 运行
    pnpm dev

    ⚙️ Vecel 本地部署

    powershell 代码:
    // 全局安装 vercel
    npm i -g vercel
    
    // 登录
    vercel login
    
    // 项目推送
    vercel
    
    // 挂载生产
    vercel --prod
    具体教程可参考文章:
    如何使用 Vercel 托管静态网站
    技术分享 100 头像谢明伟

    ⚠️ 责任声明

    1. 本项目的接口会频繁请求官方数据,部分接口使用了 页面爬虫抓取,若违反对应页面的相关规则,请 及时通知我去除该接口
    2. 如果想集成其他平台的热搜或热点 API,可以提 Issues
    3. 本项目提供的 API 仅供开发者进行技术研究和开发测试使用,任何因使用本 API 产生的损失,本项目不负担任何赔偿和责任

    😘 鸣谢

    特此感谢为本项目提供支持与灵感的项目,本项目在其基础上使用 Next.jsTailwindcss 构建并优化,感谢开源社区提供的精神支持

    总结

    由于刚接触 Next.js14,它的很多特性和功能还用待探索,后续我会把开发过程中遇到的问题和怎么解决记录下来,希望对大家能有一点点小小的帮助。

    声明:本文由 谢明伟(博主)原创,依据 CC-BY-NC-SA 4.0 许可协议 授权,转载请注明出处。

    还没有人喜爱这篇文章呢

    现在已有

    4

    条评论
    我要发表评论
    1. 头像
      · · 河北-秦皇岛
      • 等级:Lv.3
      • 角色:访客
      • 在线:本月
      头像
      板凳

      真好看呀

      评论
      1. · · 广东-深圳
        • 角色:博主
        • 在线:本周
        头像

        哈哈,是指哪里好看,人好看还是网站好看?

        评论
    2. · · 北京-北京
      • 等级:Lv.1
      • 角色:访客
      • 在线:三月内
      头像
      沙发

      😁 不戳哦

      评论
      1. · · 广东-深圳
        • 角色:博主
        • 在线:本周
        头像

        感谢大佬的点赞,大佬的鼓励就是对我前进最大的动力

        评论
    博客logo 白雾茫茫丶 记录学习、生活和有趣的事 51统计 百度统计
    MOEICP 萌ICP备20236860号 ICP 粤ICP备2023007649号 ICP 粤公网安备44030402006402号

    💻️ 谢明伟 4小时前 在线

    🕛

    本站已运行 2 年 176 天 11 小时 11 分

    🌳

    自豪地使用 Typecho 建站,并搭配 MyLife 主题
    白雾茫茫丶. © 2022 ~ 2024.
    网站logo

    白雾茫茫丶 记录学习、生活和有趣的事