首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Next.js 相关
前端周公子
创建于2021-05-31
订阅专栏
Next.js相关内容 - 基础知识 - 进阶知识 - 最佳实践
等 109 人订阅
共19篇文章
创建于2021-05-31
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
前端周公子
1年前
前端
[重学 Next.js] — 你应该知道的 Next.js 高级技巧 10 点 (下)
这是我参与8月更文挑战的第5天,活动详情查看:8月更文挑战 前言 上一篇文章 [重学 Next.js] — 你应该知道的 Next.js 高级技巧 10 点 (上) 进行了 Next.js 高级用法的
3519
44
9
前端周公子
1年前
前端
[重学 Next.js] — 你应该知道的 Next.js 高级技巧 10 点 (上)
这是我参与8月更文挑战的第4天,活动详情查看:8月更文挑战 前言 之前出过很多 Next.js 系列的文章,也因此收获了很多朋友,不敢说 Next.js 用的有多好,但是个人对于 Next.js 应该
4550
63
5
前端周公子
3年前
React.js
Next.js 实践总结 - 登录授权验证最佳方案
登录逻辑很简单,也没什么可说的,无论是什么系统,登录模块应该都是必不可少的,那么我就来说一下我这边开发过程中遇到的一些问题和总结吧。一般来说,对于商业系统或者博客类系统,登录有两种场景。 第二种,用户登录过系统,系统保存用户的授权信息,在一定的时间内,不会再进行登录,用户进来直…
8988
55
15
前端周公子
3年前
React.js
Next.js 实践总结 - 如何catch服务端请求错误
最近用自己的脚手架做了几个项目,项目上线之后陆续在考虑优化相关的事情,并且想把一些自己使用Next.js的实践总结一个点一个点的抽离成解决方案。计划大概如下,先写哪个后写哪个就看准备完成程度了,我会在自己代码使用没问题之后总结发布: 【强调一下】: 这里catch的是服务端请求…
3705
23
5
前端周公子
3年前
SEO
Next.js SEO相关知识总结
首先,我得坦诚,之前从未做过SEO相关的研究,也可以说我之前想当然的以为我写出来的上线页面应该被搜索引擎检索到😄。直到最近,因为比较沉迷Next.js,并且众所周知,作为一个SSR框架,主打的就是首屏渲染和SEO,然后在和很多小伙伴的交流过程中,一些人就会问,应该如何用Nex…
2882
29
4
前端周公子
3年前
React.js
关于 Next.js 开发实践过程中的一些总结(bug问题整理)
如果你满足上面的几条,那么选择Nextjs是不错的选择。仁者见仁智者见智,Nextjs并不全是优点,也有不足之处,比如约束性较强,路由必须按照规则书写等等。但是,瑕不掩瑜,确实Nextjs在React SSR这一块算是最成熟的解决方案了。 关于Nextjs如何使用以及脚手架的一…
4101
31
2
前端周公子
4年前
全栈
Next.js 脚手架进阶 —— 扩展为全栈脚手架
作为一个前端,或者说普遍意义上的前端,应该是只做前端应该做的事,涉及到后端相关的知识可能接触不多,甚至,我们在使用服务端渲染框架的时候也只是把它当作优化首屏渲染速度和利于SEO的一种手段,本文就逆向思维的来扩展Next服务端渲染脚手架成一个全栈脚手架。 以前在没接触服务端渲染的…
4184
41
2
前端周公子
4年前
Node.js
Next.js 脚手架进阶 —— Zeit Now部署
好久没写文章了,最近也没有学什么,有点荒废。尝试着学习一些新东西,GraphQL、Gatsby、Netlify等(可能对很多人来说不是新东西了)。其中学到Netlify的时候发现,很适合部署静态网站,所以就尝试着部署了一下,发现还真是简单,只需要填写几个命令就可以完成静态站点的…
2556
24
评论
前端周公子
4年前
React.js
Next.js 脚手架进阶 —— 部署上线
最近经常有人在前几篇关于Next.js的文章里问我如何部署项目,并且还有小伙伴尝试使用这个脚手架编写项目,真的是非常开心和感谢大家啊,写的不怎么样,希望志同道合的小伙伴可以多提意见,我好改进~。不过我如果说我也没部署过你们会不会打我?哈哈,不要着急,今天咱们就撸一发部署上线~满…
9492
66
33
前端周公子
4年前
React.js
基于 Next.js 脚手架实现仿掘金编辑器
前面写了一系列文章都是关于Next.js的,顺便还搭建了个脚手架方便使用,反正目前来看可能用Next的人不多,也无所谓啦本来就是自己为了学习才开始写文章的。以学代练,基础知识已经准备的差不多了,开始应用了~我对掘金的新建文章编辑文章内容非常喜欢,正好前一段一直在弄文本编辑器相关…
2682
40
9
前端周公子
4年前
React.js
Next.js 脚手架进阶 — 封装fetch && 增加中间件
第一,我在另一个脚手架express-react-scaffold里使用的就是axios,秉着学习新东西的想法,想自己封装一下fetch。 第二,个人觉得fetch的功能更为强大,因为fetch是原生支持的API,更加的底层,所以可扩展性更好,经过封装扩展过后的fetch应该是…
5121
42
11
前端周公子
4年前
JavaScript
前端
Next.js 脚手架进阶 — 完美契合ant-design
因为Next.js版本不断的在更新,特别是升级到7之后,很多插件都随之配套升级了,因此如果你们用的是Next.js7以下的版本的话,升级须谨慎。因为官方说7速度快了很多,秉着踩坑我优先的原则,开始了我的升级之路,其中遇到问题最多的就算是与ant-design的契合问题了,主要问…
3944
24
16
前端周公子
4年前
React.js
JavaScript
Next.js 踩坑入门系列(七) —— 其他相关知识
获取数据,依然是Next与普通的React SPA应用不同的地方,React应用基本都有自己的路由组件(当然大部分是react-router),我们可以通过路由组件为我们提供的方法,比如react-router的onEnter()方法或者universal-router的bef…
9827
44
11
前端周公子
4年前
JavaScript
前端
Next.js 踩坑入门系列(六) —— 再次重构目录
上一节引入了redux以及使用redux-saga来进行异步函数的处理,而上一节的目录只是简单的引入redux而已,redux可是相当庞大和复杂的,并且也算是个人习惯了吧。action分离,reducer分离,状态组件container等等。我喜欢把这些东西划分的清清楚楚,这样…
5874
33
13
前端周公子
4年前
JavaScript
前端
Next.js 踩坑入门系列(五)— 引入状态管理 redux
上一讲有关路由的坑还是没填明白,原本params路由自认为已经没问题了,不过最近在测试的时候,发现进入系统的时候是没问题的,但是如果在params路由页面进行刷新,会404页面。所以,继续fix~ 写过react SPA的大家应该基本都用过redux,按照官方教程一顿复制粘贴基…
1.3w
62
24
前端周公子
4年前
JavaScript
前端
Next.js 踩坑入门系列(四)— 中期填坑
上一篇在谈到params路由和query路由的时候,留了一个坑,在这里还是来解决一下~事实证明,就是我想的那样,可以使用custom server然后重新匹配路由渲染的页面就可以了。不过这样会出现一个小问题,就是在网速过慢的时候重新匹配的页面没渲染出来之前,控制台会出现报错,重…
7214
56
17
前端周公子
4年前
React.js
前端
Next.js 踩坑入门系列(三)— 目录重构&&再谈路由
其实对于开发来说没区别,但是项目庞大以后,一个路由对应一个js文件,但是如果页面很复杂其实不是这个React组件也会很复杂,不是很符合组件化理念,后期也不好维护啊。而且,肯定要加redux的,这样的话就更加混乱了。所以现在趁着还清醒,赶快重新构建一下~ 我其实是想边学Next.…
1.1w
38
9
前端周公子
4年前
React.js
CSS
Next.js 踩坑入门系列(二)— 添加Antd && CSS
个人对于脚手架的UI有一种执念,如果搭建出来就是一个首页+a标签跳转,实在不是我这个处女座的风格,因此第二步我就想引用UI框架 —— ant-design,相信很多使用react的开发者用的也都是这个UI框架吧。因为以前自己在配制的时候也经常采坑,所以还是在这里记录一下~ 既然…
1.2w
63
21
前端周公子
4年前
React.js
Next.js 踩坑入门系列(一)— Hello Next.js!
说实话,我个人还是觉得文笔越来越不错了,以前的文章都是一个问题闷到天黑,文章写的有点乱由于文章过于庞大导致不是一气呵成的,思路有时候会很混乱。所以我也准备开始写系列文,哈哈,尝试一下嘛~系列文的好处就是每次讲一个点,争取讲的细致一些,希望大家多多指教~ 笔者小白技术栈目前主要是…
1.5w
151
27