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

ubuntu部署小笔记-采坑

ubuntu部署小笔记搭建前端+控制端+后端前端nginx反向代理使用ubuntu部署nextjs项目问题一如何访问端口号配置后台运行该进程pm2问题二包体过大生产环境下所需文件问题三部署在vercel
淳杰·2025-02-23 02:59

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

半天实现的NextJS轮子项目

缘起最近在学习NextJS，并且从去年的AI崛起，独立开发者这个职业逐渐火了起来，很多项目都是使用NextJS实现的，NextJS也被更多的开发者熟悉，之所以选择做一个landingpage，就是独立开发者都需要一个
·2025-02-09 22:47

nodejs 实现加载 huggingface local embedding model 方法

我没有从零创建项目，比如用npminit方法，而是使用的一个开源项目：gitclonehttps://github.com/langchain-ai/langchain-nextjs-template.git
gaohongfeng1·2025-02-09 08:35

探索未来：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

NextJs - antd5 降级兼容方案

NextJs-antd5降级兼容方案前言一.降级解决方案1.1解决message等通知静态方法的样式丢失问题1.1解决非静态的样式兼容前言目前antd5对于SSR的兼容还有各方面都是很不错的，比如性能、
Zong_0915·2025-01-21 04:08

Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net

换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。
佛一脚·2024-09-16 06:55

【网络安全】URL解析器混淆绕过CSP实现XSS

例如：1、OptimizingImages|Next.js利用内置的next/image组件优化图像（nextjs.org）2、NuxtImage:Nuxt应用的图像优化即插即用的图像优化功能，使用内置优化器对图像进行调整
秋说·2024-09-10 14:50

NextJs 请求数据 （fetch axios）

NextJs请求数据（fetchaxios）在使用nextJs请求数据之前首先我们来说一下nextJsnextJs是一个轻量级的react服务端渲染应用框架，所以他不用考虑前端经常要涉及到的跨域nextJs
Nightne·2024-08-26 21:38

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

初步认知Next.js中ISR/RSC/Edge Runtime/Streaming等新概念

前言浅窥nextjs到目前v12版本的几个重点新概念，我们有：定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSRReactServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知
星野睡不醒·2024-08-26 14:43

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

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

【NextJS】整个项目跨域配置

项目跨域是指：本项目作为被访问方，由另一个项目对本项目发起fetch等动作获取数据页面数据实验环境：next:14.1.0react:^18配置文件：next.config.[mjs|js|ts]假定原始范本内容：/**@type{import('next').NextConfig}*/constnextConfig={};exportdefaultnextConfig;项目跨域配置：/**@ty
陀螺蚁·2024-02-20 13:22

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

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

利用Docker Compose快速部署FastGPT知识库问答

该开源项目的技术栈：NextJs+TS+ChakraUI+Mongo+Postgres（Vector插件）FastGPT的架构图一、部署前
aixiaoxin520·2024-02-06 20:49

【JS】基于React的Next.js环境配置与示例

喜欢的朋友可以关注一下，下次更新不迷路文章目录:smirk:1.Next.js介绍:blush:2.环境安装与配置:satisfied:3.应用示例添加主页添加页面和导航栏1.Next.js介绍官网：https://nextjs.org
DevFrank·2024-02-03 06:20

Next.js初识

Next.js官方教程：https://nextjs.org/learn/dashboard-app前端Web入门教程：https://develope
Jack魏·2024-02-03 03:01

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

nextjs中beforePopState使用

在某些情况下，希望监听popstate并在路由器对其进行操作之前执行某些操作。可以使用beforePopState。在Next.js中，beforePopState是一个可选的生命周期函数，用于在浏览器的历史记录发生更改之前执行一些操作。具体来说，beforePopState会在用户点击浏览器的后退或前进按钮时触发。在Next.js中，beforePopState通常用于处理路由的变化。你可以在b
D浩DzD·2024-01-25 20:32

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

【化蛹为蝶三】Nextjs 项目目录结构

上篇我们唠了唠Nextjs项目如何使用TypeScript、如何引入Antd还做了些预告，虽然咳咳…直接断更了12天不过中间是去la了个双眼皮儿，休养带恢复了好些天，今儿就麻溜儿回来了誓不烂尾嗯~o(￣
泡泡码客·2024-01-17 12:25

【gRPC】在NextJS中实现gRPC的基础通讯

这篇算是个基础实战笔记，以下内容建立在gRPC服务端已启动的基础上进行测试，仅演示在NextJS中的应用示例；正文开始…实验环境react:^18next:14.0.4项目
陀螺蚁·2024-01-17 12:15

【NextJS】修改启动端口号

环境next:14.0.2react:^18修改端口找到package.json文件，在scripts配置项的dev服务配置后面跟上-p[指定端口]，如下："scripts":{//..."dev":"nextdev-p3100",//-p[指定端口]//...},OK，就这么简单~
陀螺蚁·2024-01-17 12:44

nextjs是怎么获得绝佳SEO的？

Next.js是一款流行的React框架，适用于服务器渲染和静态网站生成。在本文中，我将从SEO的角度，分享几种在Next.js项目中进行SEO优化的方法，并提供实践示例进行演示。第一部分：使用Head组件进行元信息优化Next.js提供了一个Head组件，用于修改当前页面的头部元素。我们可以使用这个组件来设置网页标题，添加元描述，关键词等信息。importHeadfrom'next/head'c
苍山有雪，剑有霜·2024-01-17 02:42

二、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

nextjs13配置多个环境，打包不同的环境变量

目录一、在根目录配置环境变量文件二、修改打包命令三、在next.config.js当中配置环境变量字段我们部署的时候有测试环境，预生产、灰度、生产等多个环境，不同的环境，有些配置是不一样如url、或者其他的配置。一开始我看到文档说NODE_ENV===development环境，加载的是.env.development，同理production加载的是.env.production，那么我只要设置
任磊abc·2024-01-11 07:52

【转】一文了解 NextJS 并对性能优化做出最佳实践

引言从本文中，我将从是什么，为什么，怎么做来为大家阐述NextJS以及如何优化NextJS应用体验。
涅槃快乐是金·2024-01-11 05:57

react：ffcreator中FFCreatorCenter视频队例

目前用的是react中的nextjs来开发项目。
web16888·2024-01-07 07:52

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

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

在next13当中使用centrifuge5.0.1进行websocket请求

目录一、创建nextjs项目二、安装centrifuge三、创建一个组件HomeCounter.tsx1、封装请求websocket接口函数2、在组件当中使用centrifuge在next项目当中，可以在客户端组件当中使用
任磊abc·2023-12-28 21:13

实践：原有前端项目升级到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

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

Next.js与TypeScript从零起步学习笔记-1.项目创建与路由

,故转写TypeScript.然而苦等vue3未果,于是转向学习React.鄙人React刚起步,英语渣一名,文章大部分内容为翻译官网示例,并重写,可能会存在与之相违的情况.参考官网:https://nextjs.org
KunHo·2023-12-22 20:40
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他