惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

G
Google Developers Blog
有赞技术团队
有赞技术团队
WordPress大学
WordPress大学
博客园 - 司徒正美
D
Docker
B
Blog
V
Visual Studio Blog
Blog — PlanetScale
Blog — PlanetScale
U
Unit 42
S
SegmentFault 最新的问题
小众软件
小众软件
J
Java Code Geeks
美团技术团队
腾讯CDC
MyScale Blog
MyScale Blog
爱范儿
爱范儿
H
Help Net Security
宝玉的分享
宝玉的分享
Microsoft Azure Blog
Microsoft Azure Blog
A
About on SuperTechFans
Google DeepMind News
Google DeepMind News
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
博客园 - 三生石上(FineUI控件)
博客园 - 【当耐特】

碎言

不懂就别瞎掰掰:【程序员的常识】写的什么玩意? PrimaryOralMathPack 小学生口算题生成器 AI 辅助编程下的程序设计与代码编写 使用 Next.js 和 Tailwind CSS 构建可编辑和删除的 ToDo 待办事项应用 探索编程新境界:MarsCode 助你一臂之力 使用 Next.js 和 Tailwind CSS 搭建静态图片展示站点并部署到 Vercel AI 辅助编程:免费工具的优缺点及官网一览 GitHub push更新总是失败,写个python脚本解决 把博客从GitHub迁移到到了vercel ComfyUI 和 Flux.1 安装与使用教程 Flux.1 入门必知:硬件、环境、模型 Git项目的子文件夹中的内容无法同步到远程仓库的解决方法 blender流体Fluid使用中没有流体、流体穿模等一些问题的解决方法 博客聚合网站:积薪,竟然关闭了! blender日常使用中的一些技巧 虽然只有我自己在用,但还是更新了碎言博客的源代码, 与其在迷茫中困惑,不如在努力中前进 差点忘了我还有一个博客... 秧歌、博客和AI 终于熬到了新手上路 好久没有更新博客了。。。 老妈大腿骨骨折,最近一直在医院护理 Hello, September! Ubuntu开机自动启动Docker容器运行WordPress Docker 简单快速安装部署WordPress Docker下安装MySQL 加碘盐能防核辐射的话,还怕什么核战争? shields.io 一个简洁、一致、清晰的徽章 Ubuntu下使用root登录ssh的设置 GitHub Actions 构建、部署 Next.js项目
仅用了几个小时就使用next.js重构博客的所有功能
J.sky · 2023-08-12 · via 碎言

断断续续花了几个小时的时间,我成功地使用了 Next.js 复刻了我的博客的全部功能,真是事半功倍啊!

效率至上

我之前尝试过使用不同的编程语言和框架编写过几个版本的博客,但从未有过像使用 Next.js 这样的体验!首先,依赖减少了,整个程序的代码量大幅减少,打包和编译过程自动化,大大减少了错误的发生。后续还能充分利用丰富的 JavaScript 相关库,添加新功能比以往更加简单。

之前采用的是 Python + Jinja2 处理后端输出的格式化数据,与 Jinja2 模板引擎协作输出静态页面。但由于需要将 Python 转成 JSON,有时需要编写繁琐的算法。再加上前后端静态化没有分离,前端的打包和编译没有机会参与,导致前端开发仍然采用老旧的方式,感觉受限。而这次使用 Next.js 后,重构博客的感觉就像是在使用原生的 JavaScript + React 编写静态 HTML,而且基于 React 的框架和库非常丰富,未来进行扩展会更加方便。

持续编写

在功能复刻完成后,接下来是样式的复刻。虽然可能会进行一些小小的改动,但变动不会太大。我计划将友联和关于页面单独拎出来重新设计,幸运的是,现在使用 Tailwind 修改样式非常便捷。对于友联页面,我考虑添加友联博客的 RSS 文章列表,这样就不必一个个去点开,直接查看友联的最新博文会更加方便。

展望未来

通过这次使用 Next.js 的编写经验,我有信心未来会继续开发一些有趣的小项目。之前一直希望能够利用 React 开发一些东西,而现在有了 Next.js,我的思路更加开阔了。毫无疑问,从 Vue 转向 React 是一个明智的选择。