E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
next.js
Next.js
v15-样式处理
#题引:我认为跟着官方文档学习不会走歪路
Next.js
支持多种为应用程序添加样式的方法,包括:CSSModules:创建局部作用域的CSS类,避免命名冲突并提高可维护性。
红绿鲤鱼
·
2025-02-14 11:45
javascript
开发语言
Next.js
推荐:
Next.js
企业级脚手架模板
推荐:
Next.js
企业级脚手架模板next-enterpriseAnenterprise-gradeNext.jsboilerplateforhigh-performance,maintainableapps.PackedwithfeatureslikeTailwindCSS
潘俭渝Erik
·
2025-02-14 10:11
next.js
+ react基础(持续更新)
umijshttps://umijs.org/docs/introduce/introducereact:环境搭建、jsx、组件、useState、useEffect、useRef、自定义Hook、智能组件和UI组件redux:RTK、同步状态、异步状态、状态和视图分离Router:基础使用、嵌套路由、路由模式、声明/编程式导航基础扩展:useMemo/useCallback、useReducer
wanfeng_09
·
2025-02-10 19:49
react.js
学习
前端
半天实现的NextJS轮子项目
HorizonWingLandingPage一个使用
Next.js
、TailwindCSS和next-intl构建的现代化多语言
·
2025-02-09 22:47
前端next.js独立开发者
React 与
Next.js
先说说React与
Next.js
结合的作用:高效构建高性能与搜索引擎优化(SEO)的网页一.React=网站的“积木”React用于构建网站中的各个组件,像是“积木”一样组成页面元素(如按钮、图片、表单等
熬夜的猪
·
2025-02-08 14:57
前端
javascript
react
next.js
Web-3.0学习路线
方向学习内容✅区块链基础区块链、智能合约、共识机制✅智能合约Solidity/Rust(Ethereum/Solana)✅前端React.js,
Next.js
,Web3.js,ethers.js✅后端Node.js
奶龙牛牛
·
2025-02-02 10:54
web3
什么是
Next.js
中的代码分割?如何提升性能?
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读什么是
Next.js
中的代码拆分?它如何提升性能?代码拆分是现代Web开发中一个重要的性能优化技术,特别是在
Next.js
应用中。
·
2025-02-01 05:09
javascript前端
全面掌握React:2025年学习路径指南
Web设计的核心——HTML与CSS第三步:进入React的世界第四步:用TailwindCSS进行样式设计第五步:用Shadcn/UI增强你的UI第六步:用ReactHookForm处理表单第七步:用
Next.js
chenNorth。
·
2025-01-31 07:36
前端
react
react.js
学习
前端
Next.js
高级缓存策略分析
CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读在
Next.js
中,缓存机制往往是被诟病最多的特性之一。许多开发者对其工作方式并不满意。
·
2025-01-30 11:32
如何在
Next.js
使用Blitz.js的功能
如何在
Next.js
使用Blitz.js的功能前言大家好,我是倔强青铜三。
·
2025-01-28 02:21
开发基于WebRTC和OpenAI实时API的AI语音助手框架:技术解析与最佳实践
本文将深入探讨如何使用现代Web技术和先进的AI工具开发这样一个语音助手框架,具体来说,我们将基于
Next.js
、WebRTC和OpenAIAPI创建一个高效且用户友好的解决方案。
花生糖@
·
2025-01-25 12:59
AIGC学习资料库
webrtc
人工智能
React Remix框架:前端开发的“瑞士军刀”
如果你是个React开发者,那你一定听说过
Next.js
,但Remix这个“新秀”也不容小觑。它不仅是React生态中的一员猛将,还带着一股“颠覆传统”的气息。
·
2025-01-22 16:32
程序员
Next.js
实战 (十):中间件的魅力,打造更快更安全的应用
在
Next.js
中,中间件(Middleware)是一种用于处理每个传入请求的功能。它允许你在请求到达页面之前对其进行修改或响应。
白雾茫茫丶
·
2025-01-22 05:22
Nextjs15
实战系列
Next.js
middleware
2025年个人博客网站-零成搭建-终极指南
最初雄心勃勃想用
Next.js
从零搭建博客,却在实战中屡屡碰壁。
Ktovoz
·
2025-01-21 22:51
经验分享
前端
react
Next.js
中为什么 App Router 可能是未来,但 Pages Router 仍然重要?
Next.js
作为一个强大的React框架,为开发者提供了两种路由系统:AppRouter和PagesRouter。这两种路由系统各有特色,适用于不同的场景。
·
2025-01-19 19:53
Next.js
服务器操作:优势、局限与审慎应用
类似于任何技术,它们亦非尽善尽美,故而保持警觉至关重要。通过亲身经历中的挫折汲取了教训,现将之与诸位共勉。一大诟病在于潜在的紧密绑定问题。若服务器端代码嵌入组件之中,则可能导致代码库模块化程度削弱,维护成本攀升。后端逻辑的任何变动或许都将迫使前端相应更新,反之亦然。对于追求关注点严格分离的大型项目或团队而言,这无疑构成了严峻挑战。唯有秉持严谨的纪律与条理,方能避免代码库陷入混乱。再者,便是学习曲线
exploration-earth
·
2025-01-18 21:33
javascript
服务器
开发语言
Next.js
15 重大更新解析
作为React框架的佼佼者,
Next.js
的第15个版本带来了诸多激动人心的更新。这次更新重点优化了开发工作流程、性能表现,并加强了安全性。现在就来深入了解这些新特性。
·
2025-01-17 10:51
UmiJS3基础
UmiJS3基础https://umijs.org/UmiJSUmiJS是一个类
Next.JS
的react开发框架。
若梦plus
·
2024-09-13 21:38
React.js
react.js
javascript
前端
reactjs
react
【网络安全】URL解析器混淆绕过CSP实现XSS
例如:1、OptimizingImages|
Next.js
利用内置的next/image组件优化图像(nextjs.org)2、NuxtImage:Nuxt应用的图像优化即插即用的图像优化功能,使用内置优化器对图像进行调整
秋说
·
2024-09-10 14:50
网络安全
web安全
xss
漏洞挖掘
Next.js
脚手架进阶 — 封装fetch && 增加中间件
Next.js
脚手架进阶系列完美契合ant-design封装fetch&&增加中间件部署上线封装fetch首先先来说一下为什么要用fetch而不是axios吧,主要有以下两点:第一,我在另一个脚手架express-react-scaffold
weixin_33923148
·
2024-08-26 21:08
json
前端
后端
ViewUI
nextjs代理转发fetch请求封装
demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/G909746950517113一.配置代理使用create-next-app创建的
Next.js
lllomh
·
2024-08-26 21:37
#
SSR
#
React
我的代码世界
vue.js
java
node.js
nuxt
Next.js
-获取数据
-getStaticProps(StaticGeneration):Fetchdataat**buildtime**.-getStaticPaths(StaticGeneration):Specifydynamicroutestopre-renderpagesbasedondata.-getServerSideProps(Server-sideRendering):Fetchdataon**eac
wuhuaguoyouhua
·
2024-08-26 14:46
javascript
前端
开发语言
next中ISG在开发环境和正式环境的区别
在开发模式下(即运行nextdev时),
Next.js
的IncrementalStaticGeneration(ISG)页面并不会像在生产模式中那样被持久化存储。
曹天骄
·
2024-08-26 14:14
javascript
前端
开发语言
初步认知
Next.js
中ISR/RSC/Edge Runtime/Streaming等新概念
前言浅窥nextjs到目前v12版本的几个重点新概念,我们有:定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSRReactServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知,在阅读前,我们默认读者已经预备了nextjs的基本知识。含义认知ISRSSR、SSG这两个是冷饭,我们都耳熟能详,那所谓ISR增量再渲染的概念,其实
星野睡不醒
·
2024-08-26 14:43
Web
nextjs
react
isr
react18
js
Next.js
12 On-Demand Revalidation 教程
概述On-DemandRevalidation是
Next.js
自11.1版本开始支持的一项功能,它允许开发者通过API路由手动触发页面的重新验证和重新生成。
曹天骄
·
2024-08-26 13:09
javascript
前端
开发语言
next.js
开启Proxy反向代理
本地开发使用需要安装的包http-proxy-middlewareexpressconstexpress=require('express')constnext=require('next')constcreateProxyMiddleware=require('http-proxy-middleware').createProxyMiddleware;consthostname='0.0.0.0
思绪万千133
·
2024-03-11 09:07
javascript
前端
开发语言
Next.js
项目实战踩坑指南
项目实战踩坑指南1.移动端overflow:auto,ios滚动卡顿解决方案:主容器增加样式-webkit-overflow-scrolling:touch;2.devmode路由跳转后样式丢失原因:dev下样式根据页面动态加载,浏览器缓存文件styles.chunk.css造成样式不更新。解决方案:利用版本号强制重载样式文件示例1://在Layout组件中{title}{process.env.
weixin_33961829
·
2024-02-20 13:29
运维
python
java
探索全栈魔法:
Next.js
+ Prisma + Next-auth + vercel/postgres
最近,我完成了一个新的网站项目,是用来收录GithubProfile和ReadmeComponents。一开始,我并没有计划将其发展成一个全栈应用,包括点赞和收藏在内的一些功能都是基于本地存储的。然而,随着网站发布后的逐渐迭代,我感觉增加全栈支持可能是一个必要的方向。不仅有助于项目之后的扩展,还能提升用户体验。于是,我在工作之余大概做了一周多的时间将项目转变为一个完整的全栈网站。下面是我的项目链接
·
2024-02-20 12:03
四、clsx library 库
简介这个库实际上与
Next.js
无关,这里整合记录类库安装yarnaddclsx用法举例来说创建一个Alter组件,这个组件接收一个传入变量,来改变提示信息的颜色,如果是success显示为绿色,error
kami1983
·
2024-02-14 13:28
C-Shopping基于
Next.js
,开源电商平台全新亮相
嗨,大家好!欢迎来到C-Shopping,这是一场揭开科技面纱的电商之旅。我是C-Shopping开源作者“继小鹏”,今天将为你介绍一款基于最新技术的开源电商平台。让我们一同探索吧!在线体验:http://shop.huanghanlian.com/项目传送门:https://github.com/huanghanzhilian/c-shopping如果你觉得有帮助,请给我一个Star,这会给我更
·
2024-02-11 18:05
C-Shopping基于
Next.js
,开源电商平台全新亮相
嗨,大家好!欢迎来到C-Shopping,这是一场揭开科技面纱的电商之旅。我是C-Shopping开源作者“继小鹏”,今天将为你介绍一款基于最新技术的开源电商平台。让我们一同探索吧!在线体验:http://shop.huanghanlian.com/项目传送门:https://github.com/huanghanzhilian/c-shopping如果你觉得有帮助,请给我一个Star,这会给我更
·
2024-02-11 18:04
三、
Next.js
的布局
简介为了测试建立一个layout.js到/components/layout目录下。文件内容:exportdefaultfunctionLayout({children}){return{children};}之后在first-post.js中添加并导入Layout组建,修改这个文件:importHeadfrom'next/head';importLinkfrom'next/link';impor
kami1983
·
2024-02-06 20:07
Python 潮流周刊#38:Django +
Next.js
构建全栈项目
文章&教程1、使用Django、DjangoREST和
Next.js
构建全栈项目[3]Django和
Python猫
·
2024-02-06 03:25
python
django
javascript
开发语言
后端
2024三掌柜赠书活动第四期:
Next.js
实战,构建现代化的可扩展Web应用
目录摘要前言
Next.js
简介关于《
Next.js
实战》实战示例最佳实践和进阶应用编辑推荐内容简介作者简介图书目录书中前言/序言《
Next.js
实战》全书速览结束语摘要:本文将介绍
Next.js
,一个流行的
三掌柜666
·
2024-02-05 08:04
前端
javascript
开发语言
LLM应用开发与落地:使用gradio十分钟搭建聊天UI
这时候的你可能在苦恼中,毕竟react.js,
next.js
,css,html也不是每个人都那么熟练,对吧?
前行的七哥
·
2024-02-04 21:55
ui
人工智能
【JS】基于React的
Next.js
环境配置与示例
°★这篇文章主要介绍基于React的
Next.js
环境配置与示例。学其所用,用其所学。——梁启超欢迎来到我的博客,一起学习,共同进步。
DevFrank
·
2024-02-03 06:20
#
Nodejs
javascript
react.js
开发语言
Next.js
初识
Next.js
初识
Next.js
:这是一个用于生产环境的React框架(国外用的比较多)。
Jack魏
·
2024-02-03 03:01
前端开发
开发语言
Next.js
React
前端框架
前端开发
服务器渲染(SSR)-前端框架
Next.js
、Nuxt.js和Remix都是基于Node.js比较流行三个前端框架,它们都基于JavaScript和React/Vue构建,并提供了一些额外的功能和工具来简化开发过程。
new code Boy
·
2024-02-02 07:08
前端
javascript
vue.js
在
next.js
的13.2.1版本中使用中间件,实现禁止特定ip访问网址所有页面
在实现实现禁止特定ip访问网址所有页面时,有两种方式,一种是针对单个页面,另一种是针对整个网站在pages/api中创建文件使用,针对单个页面,也可以应用于所有页面之前是在pages/api下创建的中间件去实现的,但是使用pages/api中的中间件需要手动调用,也就是说如果全部页面都需要使用的话,那么就要在所有页面中去调用,页面刷新会重新加载getIp文件,也就是说会重置cachedData、c
D浩DzD
·
2024-02-01 07:55
javascript
中间件
开发语言
Next.js
如何正确处理跨域问题?
去年下半年接手了一个基于React+Next.js的项目,于是顺带学习了一下
Next.js
。由于
Next.js
的特点,这个项目的前后端是放在一起的。一开始没什么问题,看了半天文档就上手了。
这我可不懂
·
2024-01-30 21:38
javascript
开发语言
ecmascript
Next.js
学习笔记(八)——优化
优化
Next.js
提供了多种内置优化,旨在提高应用程序的速度和核心网络生命指数。本指南将介绍可用于增强用户体验的优化功能。内置组件内置组件抽象化了实现常见UI优化的复杂性。
Jackson-Mseven
·
2024-01-30 20:04
Next.js
javascript
学习
笔记
Next.js
学习笔记(三)——路由
本页将向你介绍互联网路由的基本概念以及如何在
Next.js
中处理路由。术语首先,你将在整个文档中看到这些术语的使用情况。以下是一个快速参考:树(Tree):用于可视化层次结构的约定。
Jackson-Mseven
·
2024-01-30 20:03
Next.js
javascript
学习
笔记
react.js
前端
前端框架
reactjs
Next.js
学习笔记(七)——样式
样式
Next.js
支持不同的应用程序样式设计方法,包括:全局CSS:对于有传统CSS使用经验的人来说,使用简单且熟悉,但随着应用程序的增长,可能会导致CSS包过大,难以管理样式。
Jackson-Mseven
·
2024-01-30 20:02
Next.js
javascript
学习
笔记
js获取今天剩余时间_前端教程丨手把手教你用
Next.js
搭建个人博客,从入门到吃鸡
React.js是现今前端最火的应用框架之一,而
Next.js
正是React.js领域最优秀的服务端渲染框架之一。
weixin_39610774
·
2024-01-29 22:29
js获取今天剩余时间
用
js判断
一个数是否是素数(质数)
前端教程丨手把手教你用
Next.js
搭建个人博客,从入门到吃鸡
React.js是现今前端最火的应用框架之一,而**
Next.js
正是React.js领域最优秀的服务端渲染框架之一。
蓝桥云课
·
2024-01-29 22:28
web
reactjs
【前端教程】手把手教你用
Next.js
搭建个人博客,从入门到吃鸡!
React.js是现今前端最火的应用框架之一,而
Next.js
正是React.js领域最优秀的服务端渲染框架之一。
实验楼v
·
2024-01-29 22:56
学习
Next.js
使用React构建服务器呈现的JSWeb应用程序,现在开始https://learnnextjs.com/
小纠结在简书
·
2024-01-27 10:14
nextjs通过使用getServerSideProps实现登录后跳转上一页
在实际开发中,经常遇到登录后跳转到之前的页面,可使用getServerSideProps实现该功能,getServerSideProps是
next.js
中的一项特色功能,可以让我们在给页面设置一些初始的
D浩DzD
·
2024-01-25 20:34
react.js
前端
javascript
nextjs中beforePopState使用
在
Next.js
中,beforePopState是一个可选的生命周期函数,用于在浏览器的历史记录发生更改之前执行一些操作。
D浩DzD
·
2024-01-25 20:32
工作中的坑
React
react.js
前端
前端框架
Next.js
导航和路由跳转
Next.js
提供了强大的导航和路由系统,使得开发者能够轻松地实现页面之间的切换和传递数据。本文将深入介绍
Next.js
中的导航和路由跳转,帮助你更好地理解和应用这些功能。
天問_
·
2024-01-23 17:44
React
javascript
前端
next.js
react.js
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他