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
NextJs
Nextjs
项目服务器部署(简)
文章目录一、
nextjs
一、安装PM2二、使用PM2启动Next.js应用三、配置自动重启四、设置系统服务(持久化)五、常用命令六、验证部署注意事项后面记得改要将Next.js项目的npmrunstart
风吹落叶花飘荡
·
2025-03-01 00:00
服务器
运维
【结束】JS如何不通过input的onInputFileChange使用本地mp4文件并播放,
nextjs
下放入public文件的视频用video标签无法打开
本地不用input标签获取video视频并播放浏览器没有像JAVA这些语言之类的IO代码:Yourbrowserdoesnotsupportthevideotag.functionshow(){fetch("file:///E:/video/test1.mp4").then(response=>{returnresponse.arrayBuffer()}).then(ab=>{constvdo=U
kiramario(长期接受兼职机会)
·
2025-02-23 07:40
javascript
音视频
开发语言
ubuntu部署小笔记-采坑
ubuntu部署小笔记搭建前端+控制端+后端前端nginx反向代理使用ubuntu部署
nextjs
项目问题一如何访问端口号配置后台运行该进程pm2问题二包体过大生产环境下所需文件问题三部署在vercel
淳杰
·
2025-02-23 02:59
linux
前端
java
ubuntu
笔记
linux
Connect 4 2-player mode
Project2:Connect4Duedateandtime:Wed,2/19/25,11:59pmCheckpoint:Wed,2/12/24,11:59amiGPTAIAssistant:https://
nextjs
-chat-mu-olive.vercel.app
·
2025-02-18 22:57
后端
nextjs
中集成富文本编辑器wangEditor
技术栈
nextjs
@14.2.x.
不cong明的亚子
·
2025-02-18 16:55
前端
nodejs
react
前端
next.js
富文本编辑器
半天实现的
NextJS
轮子项目
缘起最近在学习
NextJS
,并且从去年的AI崛起,独立开发者这个职业逐渐火了起来,很多项目都是使用
NextJS
实现的,
NextJS
也被更多的开发者熟悉,之所以选择做一个landingpage,就是独立开发者都需要一个
·
2025-02-09 22:47
前端next.js独立开发者
nodejs 实现加载 huggingface local embedding model 方法
我没有从零创建项目,比如用npminit方法,而是使用的一个开源项目:gitclonehttps://github.com/langchain-ai/langchain-
nextjs
-template.git
gaohongfeng1
·
2025-02-09 08:35
embedding
node.js
transformer
探索未来:golang-
nextjs
-portable,轻量级的跨平台应用框架
探索未来:golang-
nextjs
-portable,轻量级的跨平台应用框架golang-
nextjs
-portableGoprogramwithembeddedNext.jsapp.项目地址:https
郝赢泉
·
2025-02-05 17:05
NextJs
- 服务端组件如何拿到当前页面的URL或者参数
NextJs
-服务端组件如何拿到当前页面的URL或者参数前言一.
NextJs
如何拿到当前页面URL二.
NextJs
拿URL参数的两种方式前言
NextJs
中,如果你是服务端组件,并且是App路由模式,如果想拿到当前
Zong_0915
·
2025-01-21 04:08
javascript
前端
开发语言
NextJs
NextJs
- antd5 降级兼容方案
NextJs
-antd5降级兼容方案前言一.降级解决方案1.1解决message等通知静态方法的样式丢失问题1.1解决非静态的样式兼容前言目前antd5对于SSR的兼容还有各方面都是很不错的,比如性能、
Zong_0915
·
2025-01-21 04:08
NextJs
antd
前端
Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net
换了一台电脑开发
nextjs
程序。需要连接mongodb数据,对数据进行增删改查。上一台电脑好好的程序,新电脑死活连不上mongodb数据库。
佛一脚
·
2024-09-16 06:55
error
react
mongodb
数据库
【网络安全】URL解析器混淆绕过CSP实现XSS
例如:1、OptimizingImages|Next.js利用内置的next/image组件优化图像(
nextjs
.org)2、NuxtImage:Nuxt应用的图像优化即插即用的图像优化功能,使用内置优化器对图像进行调整
秋说
·
2024-09-10 14:50
网络安全
web安全
xss
漏洞挖掘
NextJs
请求数据 (fetch axios)
NextJs
请求数据(fetchaxios)在使用
nextJs
请求数据之前首先我们来说一下nextJsnextJs是一个轻量级的react服务端渲染应用框架,所以他不用考虑前端经常要涉及到的跨域
nextJs
Nightne
·
2024-08-26 21:38
reactjs
es6
nextjs
代理转发fetch请求封装
demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/G909746950517113一.配置代理使用create-next-app创建的Next.js项目配置接口跨域代理转发需要用到customserver功能。先安装好express和http-proxy-middlewareyarnaddexpresshttp-proxy-middle
lllomh
·
2024-08-26 21:37
#
SSR
#
React
我的代码世界
vue.js
java
node.js
nuxt
初步认知Next.js中ISR/RSC/Edge Runtime/Streaming等新概念
前言浅窥
nextjs
到目前v12版本的几个重点新概念,我们有:定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSRReactServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知
星野睡不醒
·
2024-08-26 14:43
Web
nextjs
react
isr
react18
js
NextJS
+ Trpc + PayloadCMS + MongoDB 自定义服务器搭建
自定义服务器启动相关依赖dotenv读取env文件数据expressnode框架基础示例如下//src/server/index.tsimport'dotenv/config';importexpressfrom'express';importchalkfrom'chalk';constport=Number(process.env.PORT)||3000;constapp=express();c
长沙彭小黑
·
2024-03-05 22:18
mongodb
node.js
react.js
Astro + NextUI 搭建个人博客(导航组件篇)
但考虑到后期的迁移和更新等,实在过于麻烦,个人博客其实使用SSR或SSG之类的框架就行了,比如
Nextjs
,Nuxtjs,Remix等等。
·
2024-03-04 00:18
Expo Router + Supabase使用流程
unsetunset前言unsetunsetExpo是一个React-native生态中的一个工具包,提供了非常多的功能,ExpoRouter是Expo最近推出的功能,其效果类似于
Nextjs
的router
懒编程-二两
·
2024-02-20 14:31
【
NextJS
】
nextjs
+qiankun遇ReferenceError: window is not defined
实验环境:qiankun:^2.10.16next:14.1.0react:^18.2.0根据官方手册快速上手教程(链接)构建主程序实验代码:qiankun部分://file:micro-base/plugins/qiankun/index.tsimporttype{AppMetadata}from'qiankun';import{registerMicroApps,start}from"qian
陀螺蚁
·
2024-02-20 13:29
Web前端
#
React
javascript
前端
react.js
【
NextJS
】整个项目跨域配置
项目跨域是指:本项目作为被访问方,由另一个项目对本项目发起fetch等动作获取数据页面数据实验环境:next:14.1.0react:^18配置文件:next.config.[mjs|js|ts]假定原始范本内容:/**@type{import('next').NextConfig}*/constnextConfig={};exportdefaultnextConfig;项目跨域配置:/**@ty
陀螺蚁
·
2024-02-20 13:22
Web前端
#
React
前端
node.js
next.js
Nextjs
styled-jsx animation
Nextjs
自带的styled-jsx(v3.2.1)可能是不支持css3动画中@keyframes,多次尝试失败,现在采用把@keyframes写入css文件中,通过页面入口引入,(注意,在组件内部使用
aibinMr
·
2024-02-19 21:19
Astro + NextUI 搭建个人博客(导航组件篇)
但考虑到后期的迁移和更新等,实在过于麻烦,个人博客其实使用SSR或SSG之类的框架就行了,比如
Nextjs
,Nuxtjs,Remix等等。
·
2024-02-12 18:49
浏览器historyAPI和Next路由掉坑记录
啊,怎么某个操作突然就不好使了,为什么这里能跳到那里,为什么
nextJS
突然就报错了,是next的原因还是啥?本文记录了开发一个“多步骤页面拆分成多个页面”的需求研发过程。
sasaraku.
·
2024-02-08 07:26
前端
reactjs
NextJS
开发:使用swiper实现轮播图
安装swipernpmiswiper创建组件一定要添加"useclient",作为客户端组件来使用示例代码中的样式使用的tailwindcss"useclient"import{Swiper,SwiperSlide}from"swiper/react"import{Pagination}from'swiper/modules';//ImportSwiperstylesimport'swiper/c
ArslanRobot
·
2024-02-07 08:16
NextJS开发教程
NextJS
reactjs
利用Docker Compose快速部署FastGPT知识库问答
该开源项目的技术栈:
NextJs
+TS+ChakraUI+Mongo+Postgres(Vector插件)FastGPT的架构图一、部署前
aixiaoxin520
·
2024-02-06 20:49
docker
gpt
chatgpt
前端
AIGC
【JS】基于React的Next.js环境配置与示例
喜欢的朋友可以关注一下,下次更新不迷路文章目录:smirk:1.Next.js介绍:blush:2.环境安装与配置:satisfied:3.应用示例添加主页添加页面和导航栏1.Next.js介绍官网:https://
nextjs
.org
DevFrank
·
2024-02-03 06:20
#
Nodejs
javascript
react.js
开发语言
Next.js初识
Next.js官方教程:https://
nextjs
.org/learn/dashboard-app前端Web入门教程:https://develope
Jack魏
·
2024-02-03 03:01
前端开发
开发语言
Next.js
React
前端框架
前端开发
NextJS
14新版本有什么变化
这个版本充满了令人兴奋的功能,极大地提升了开发者的体验。这个版本侧重于几个关键领域:改进了自托管、Turbopack的进展、增强的错误消息、新的并行和拦截路由的功能,以及在next/image组件中的显著改进。更易于自托管Next.js14.1为使用Node.js服务器、Docker容器或静态导出进行自托管提供了更清晰的指南。文档的彻底改革详细介绍了运行时的环境变量、增量静态再生(ISR)的自定义
soragui
·
2024-01-30 13:45
前端
前端
前端框架
前端周刊第64期
快讯Dan神从Meta离职,但仍将作为独立三方开发者留在React团队文章如何使用
Nextjs
、React和GitHubCopilot构建GPT-3应用程序-GitHub并不经常在其博客上写教程,这篇文章中他们推广现代面向
写代码的宝哥
·
2024-01-27 06:00
前端
nextjs
通过使用getServerSideProps实现登录后跳转上一页
在实际开发中,经常遇到登录后跳转到之前的页面,可使用getServerSideProps实现该功能,getServerSideProps是next.js中的一项特色功能,可以让我们在给页面设置一些初始的props参数。getServerSideProps是定义在页面中的API,但是其执行环境是node端,而不是客户端,一般常见使用场景为:页面前置权限校验页面必备参数获取使用时需要在对应的page文
D浩DzD
·
2024-01-25 20:34
react.js
前端
javascript
nextjs
中beforePopState使用
在某些情况下,希望监听popstate并在路由器对其进行操作之前执行某些操作。可以使用beforePopState。在Next.js中,beforePopState是一个可选的生命周期函数,用于在浏览器的历史记录发生更改之前执行一些操作。具体来说,beforePopState会在用户点击浏览器的后退或前进按钮时触发。在Next.js中,beforePopState通常用于处理路由的变化。你可以在b
D浩DzD
·
2024-01-25 20:32
工作中的坑
React
react.js
前端
前端框架
nextjs
+ react + antd 冲突错误解决方案
2、按照
nextjs
官方文档我们在.babelrc中添加插件{"presets":["next/babel"],"plugins":[["import",{"libraryName":"antd-mobile
简壹零
·
2024-01-24 05:47
开源人工智能AI壁纸生成器--AI Wallpaper Generator
AIWallpaperShopGitHub地址:https://github.com/all-in-aigc/aiwallpaper一款开源人工智能AI壁纸生成器,根据用户的输入提示词,即可生成对应的高清壁纸,目前开源代码包括
nextjs
sagima_sdu
·
2024-01-23 10:15
人工智能
Web3前端+
NextJs
+creat-web3-dapp报错汇总
1.TypeError:buyMeACoffee.deployedisnotafunction报错原因:.deployed()方法和.address属性已弃用,.deployed()已替换为.waitForDeployment(),.address已替换为.target.参考文章:Whydoesmycodethingdeployed()isnotafunction?2.Error:Cannotfi
爬吧爬吧
·
2024-01-20 18:14
javascript
前端框架
visual
studio
code
reactjs
【化蛹为蝶三】
Nextjs
项目目录结构
上篇我们唠了唠
Nextjs
项目如何使用TypeScript、如何引入Antd还做了些预告,虽然咳咳…直接断更了12天不过中间是去la了个双眼皮儿,休养带恢复了好些天,今儿就麻溜儿回来了誓不烂尾嗯~o( ̄
泡泡码客
·
2024-01-17 12:25
化蛹为蝶
前端笔记
前端
next.js
react.js
前端
javascript
typescript
【gRPC】在
NextJS
中实现gRPC的基础通讯
这篇算是个基础实战笔记,以下内容建立在gRPC服务端已启动的基础上进行测试,仅演示在
NextJS
中的应用示例;正文开始…实验环境react:^18next:14.0.4项目
陀螺蚁
·
2024-01-17 12:15
Web前端
rpc
node.js
前端
react.js
【
NextJS
】修改启动端口号
环境next:14.0.2react:^18修改端口找到package.json文件,在scripts配置项的dev服务配置后面跟上-p[指定端口],如下:"scripts":{//..."dev":"nextdev-p3100",//-p[指定端口]//...},OK,就这么简单~
陀螺蚁
·
2024-01-17 12:44
Web前端
javascript
前端
react.js
nextjs
是怎么获得绝佳SEO的?
Next.js是一款流行的React框架,适用于服务器渲染和静态网站生成。在本文中,我将从SEO的角度,分享几种在Next.js项目中进行SEO优化的方法,并提供实践示例进行演示。第一部分:使用Head组件进行元信息优化Next.js提供了一个Head组件,用于修改当前页面的头部元素。我们可以使用这个组件来设置网页标题,添加元描述,关键词等信息。importHeadfrom'next/head'c
苍山有雪,剑有霜
·
2024-01-17 02:42
前端手册
javascript
开发语言
前端
大数据
二、Next.js 的 Assets, Metadata, and CSS
原文参考:https://
nextjs
.org/learn/basics/assets-metadata-css静态资源存储(Assets)可以在顶级公共目录下提供静态资产,如图像等数据,接下来是如何存储及引用他们
kami1983
·
2024-01-16 05:54
nextjs
+ ahooks 报错 Cannot use import statement outside a module
在
nextjs
中使用ahooks时,报错SyntaxError:Cannotuseimportstatementoutsideamodule,如下图所示:解决方案transpilePackages官网介绍
天問_
·
2024-01-11 10:34
React
nextjs
react
node
ahooks
nextjs
13配置多个环境,打包不同的环境变量
目录一、在根目录配置环境变量文件二、修改打包命令三、在next.config.js当中配置环境变量字段我们部署的时候有测试环境,预生产、灰度、生产等多个环境,不同的环境,有些配置是不一样如url、或者其他的配置。一开始我看到文档说NODE_ENV===development环境,加载的是.env.development,同理production加载的是.env.production,那么我只要设置
任磊abc
·
2024-01-11 07:52
react
nextjs
package
react
打包
环境变量
【转】一文了解
NextJS
并对性能优化做出最佳实践
引言从本文中,我将从是什么,为什么,怎么做来为大家阐述
NextJS
以及如何优化
NextJS
应用体验。
涅槃快乐是金
·
2024-01-11 05:57
react:ffcreator中FFCreatorCenter视频队例
目前用的是react中的
nextjs
来开发项目。
web16888
·
2024-01-07 07:52
FFCreator
next.js
react-next
react.js
前端
前端框架
Nextjs
打包类型检查报错ype error: Property ‘card_list‘ does not exist on type(已解决)
在
Nextjs
中在数组map的时候报错如下:里面的数据类型是data1={cart_list:[]}那么在声明类型的时候使用data1:{card_list:any[]}exportdefaultfunctionCard
lllomh
·
2024-01-03 17:59
#
SSR
#
React
前端
javascript
Nextjs
实战
一、安装Next.js是一个全栈式的React框架。它用途广泛,可以让你创建任意规模的React应用——可以是静态博客,也可以是复杂的动态应用。要创建一个新的Next.js项目,请在你的终端运行:npxcreate-next-app@latest如果你是Next.js的新手,请查看Next.js教程。Next.js由Vercel维护。你可以将Next.js应用部署到Node.js或serverle
Z_Xshan
·
2023-12-30 15:18
javascript
前端
react.js
在next13当中使用centrifuge5.0.1进行websocket请求
目录一、创建
nextjs
项目二、安装centrifuge三、创建一个组件HomeCounter.tsx1、封装请求websocket接口函数2、在组件当中使用centrifuge在next项目当中,可以在客户端组件当中使用
任磊abc
·
2023-12-28 21:13
react
websocket
网络协议
centrifuge
nextjs
next
实践:原有前端项目升级到webpack5
目前,公司的前端的技术栈是React,前端项目从第三方框架的使用上来说,分为三类:a.没有用第三方b.
nextjs
+antda.umi+antd(antdpro)升级的工作量以及难度,取决于架构的封装度和灵活度
hupo256
·
2023-12-28 13:22
nextjs
+ antd 与 UnoCSS 样式冲突
使用
nextjs
+UnoCSS框架开发项目时,引入antd组件库,发现样式冲突,导致antd的按钮组件变成透明的了,如下图。
天問_
·
2023-12-23 13:06
React
next.js
antd
UnoCSS
FFCreator
nextjs
中制作方法
yarnaddffcreator--saveapi中video/create.js其中特别注意的是,文件路径为绝对路径,且不允许中文名称import{FFCreatorCenter,FFScene,FFImage,FFCreator,FFVideo,FFText}from'ffcreator'constpath=require('path');importcolorsfrom'colors'exp
web16888
·
2023-12-23 01:05
FFmpeg
FFCreator
javascript
前端
reactjs
nextjs
Next.js与TypeScript从零起步学习笔记-1.项目创建与路由
,故转写TypeScript.然而苦等vue3未果,于是转向学习React.鄙人React刚起步,英语渣一名,文章大部分内容为翻译官网示例,并重写,可能会存在与之相违的情况.参考官网:https://
nextjs
.org
KunHo
·
2023-12-22 20:40
上一页
1
2
3
4
5
下一页
按字母分类:
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
其他