![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
化蛹为蝶
文章平均质量分 82
泡泡码客
觉醒迷途,扬帆起航,从此星途璀璨。
展开
-
【化蛹为蝶】NextJS 图像渐进式加载
但NextJS的Image组件帮开发者内置了渐近加载的处理,需要在特定条件下使用。原创 2024-02-19 15:47:12 · 640 阅读 · 0 评论 -
【化蛹为蝶五】Nextjs Config 配置初始化: Yaml 解析
上篇 我们唠了唠 Nextjs 怎么接入自定义 Koa,也唠了下自定义的 Koa Server 都做了什么今天就顺势补个上篇提到的坑:Nextjs Config 配置初始化以下正文Config 配置的介绍和必要性通常我会简单叙述下为什么要做这件事情起码让之前没做过这件事情的伙伴了解和理解这样做的原由也会从实际场景出发多叨叨几句,诸君见谅配置文件配置文件在实际工程项目里一般存在两种:不会暴露的隐藏配置文件,记录如数据库账号密码、JWT密钥、非对称加密私钥等敏感类配置原创 2021-11-21 00:55:18 · 1090 阅读 · 0 评论 -
【化蛹为蝶四】Nextjs 自定义服务端接入 Koa
上篇 我们唠了唠 Nextjs 项目的目录结构,谈了谈我经历的几次目录结构调整今天再填个坑:Nextjs 自定义服务端框架的法子使用了 Nextjs 为什么还需要自定义服务端框架Nextjs 作为客户/服务双端通吃的框架,为什么还需要自定义服务端框架呢?一方面是 Nextjs 大包大揽,包掉了许多功能,导致丧失了一定的灵活性另一方面则是由于一些项目是从原有的 “React + 模板引擎 + 某服务端框架” 集合而成的自研架构但又想要无缝迁移使用 Nextjs,这个时候原创 2021-11-19 00:57:02 · 1273 阅读 · 0 评论 -
【化蛹为蝶三】Nextjs 项目目录结构
上篇 我们唠了唠 Nextjs 项目如何使用 TypeScript、如何引入 Antd还做了些预告,虽然咳咳…直接断更了 12 天不过中间是去 la 了个双眼皮儿,休养带恢复了好些天,今儿就麻溜儿回来了誓不烂尾嗯~ o( ̄▽ ̄)o–今儿也不多更,保持每篇能聚焦一两个点就可今天讲述下我从零到现在搭起来的 Nextjs 个人项目调整了三次的项目目录结构嗯,以下正文项目目录结构初始目录我在刚刚创建项目时,使用的是默认目录结构手动罗列一下,大致如下:调整一原创 2021-11-19 00:53:27 · 3348 阅读 · 0 评论 -
【化蛹为蝶二】Nextjs 使用 TypeScript、Ant Design
上篇 我们唠了半天,只是创建了个项目出来今天我们把 TypeScript、Antd 一气儿接到我们项目里来TypeScript我在使用 create-next-app project-name创建项目后,使用了一些配置引入了 TypeScript但,复盘后发现 Nextjs 提供了 TypeScript 的项目创建模板我们只需要使用下面命令,即可创建自带 TypeScript 能力的 Nextjs 项目:create-next-app project-name --typescriptAn原创 2021-11-19 00:43:35 · 1478 阅读 · 0 评论 -
【化蛹为蝶】新系列首发 Koa + React + Next + Antd + TypeScript
诸君,好久不见。入职了新的公司,虽然找回了轻松愉快的生活状态(1075),但也逃不过头秃的窘境。由于在新环境里的技术栈:Koa + React SSR,所以最近也在思考该输出个什么系列比较贴合个人发展。家里老婆有建议我:既然工作上使用了 React,那个人用 Vue3 也不错。毕竟老婆单位用的 Vue3 …(以为我不知道让我用 Vue3 我就可以更方便解决她遇到的问题吗 ε=ε=ε=┏(゜ロ゜;)┛)终究还是要考虑各方面因素:前几年一直使用的 Vue2,后面一定是 Vue3 的天下当前工作原创 2021-07-11 15:55:52 · 457 阅读 · 0 评论