Next.js

UmiJS3基础

UmiJS3基础https://umijs.org/UmiJSUmiJS是一个类Next.JS的react开发框架。
若梦plus·2024-09-13 21:38

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

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

Next.js脚手架进阶 — 封装fetch && 增加中间件

Next.js脚手架进阶系列完美契合ant-design封装fetch&&增加中间件部署上线封装fetch首先先来说一下为什么要用fetch而不是axios吧，主要有以下两点：第一，我在另一个脚手架express-react-scaffold
weixin_33923148·2024-08-26 21:08

nextjs代理转发fetch请求封装

demo请狠狠的戳这里https://download.lllomh.com/cliect/#/product/G909746950517113一.配置代理使用create-next-app创建的Next.js
lllomh·2024-08-26 21:37

Next.js -获取数据

-getStaticProps(StaticGeneration):Fetchdataat**buildtime**.-getStaticPaths(StaticGeneration):Specifydynamicroutestopre-renderpagesbasedondata.-getServerSideProps(Server-sideRendering):Fetchdataon**eac
wuhuaguoyouhua·2024-08-26 14:46

next中ISG在开发环境和正式环境的区别

在开发模式下（即运行nextdev时），Next.js的IncrementalStaticGeneration(ISG)页面并不会像在生产模式中那样被持久化存储。
曹天骄·2024-08-26 14:14

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

前言浅窥nextjs到目前v12版本的几个重点新概念，我们有：定义说明ISR增量静态渲染EdgeRuntime边缘运行时StreamingSSR流式传输SSRReactServerComponents服务器组件下面我们对这几个新概念进行一个初步的认知，在阅读前，我们默认读者已经预备了nextjs的基本知识。含义认知ISRSSR、SSG这两个是冷饭，我们都耳熟能详，那所谓ISR增量再渲染的概念，其实
星野睡不醒·2024-08-26 14:43

Next.js 12 On-Demand Revalidation 教程

概述On-DemandRevalidation是Next.js自11.1版本开始支持的一项功能，它允许开发者通过API路由手动触发页面的重新验证和重新生成。
曹天骄·2024-08-26 13:09

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

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

探索全栈魔法：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

2024三掌柜赠书活动第四期： Next.js实战，构建现代化的可扩展Web应用

目录摘要前言Next.js简介关于《Next.js实战》实战示例最佳实践和进阶应用编辑推荐内容简介作者简介图书目录书中前言/序言《Next.js实战》全书速览结束语摘要：本文将介绍Next.js，一个流行的
三掌柜666·2024-02-05 08:04

LLM应用开发与落地：使用gradio十分钟搭建聊天UI

这时候的你可能在苦恼中，毕竟react.js,next.js,css,html也不是每个人都那么熟练，对吧？
前行的七哥·2024-02-04 21:55

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

°★这篇文章主要介绍基于React的Next.js环境配置与示例。学其所用，用其所学。——梁启超欢迎来到我的博客，一起学习，共同进步。
DevFrank·2024-02-03 06:20

Next.js初识

Next.js初识Next.js：这是一个用于生产环境的React框架（国外用的比较多）。
Jack魏·2024-02-03 03:01

服务器渲染(SSR)-前端框架

Next.js、Nuxt.js和Remix都是基于Node.js比较流行三个前端框架，它们都基于JavaScript和React/Vue构建，并提供了一些额外的功能和工具来简化开发过程。
new code Boy·2024-02-02 07:08

在next.js的13.2.1版本中使用中间件，实现禁止特定ip访问网址所有页面

在实现实现禁止特定ip访问网址所有页面时，有两种方式，一种是针对单个页面，另一种是针对整个网站在pages/api中创建文件使用，针对单个页面,也可以应用于所有页面之前是在pages/api下创建的中间件去实现的，但是使用pages/api中的中间件需要手动调用，也就是说如果全部页面都需要使用的话，那么就要在所有页面中去调用，页面刷新会重新加载getIp文件，也就是说会重置cachedData、c
D浩DzD·2024-02-01 07:55

Next.js如何正确处理跨域问题？

去年下半年接手了一个基于React+Next.js的项目，于是顺带学习了一下Next.js。由于Next.js的特点，这个项目的前后端是放在一起的。一开始没什么问题，看了半天文档就上手了。
这我可不懂·2024-01-30 21:38

Next.js 学习笔记（八）——优化

优化Next.js提供了多种内置优化，旨在提高应用程序的速度和核心网络生命指数。本指南将介绍可用于增强用户体验的优化功能。内置组件内置组件抽象化了实现常见UI优化的复杂性。
Jackson-Mseven·2024-01-30 20:04

Next.js 学习笔记（三）——路由

本页将向你介绍互联网路由的基本概念以及如何在Next.js中处理路由。术语首先，你将在整个文档中看到这些术语的使用情况。以下是一个快速参考：树（Tree）：用于可视化层次结构的约定。
Jackson-Mseven·2024-01-30 20:03

Next.js 学习笔记（七）——样式

样式Next.js支持不同的应用程序样式设计方法，包括：全局CSS：对于有传统CSS使用经验的人来说，使用简单且熟悉，但随着应用程序的增长，可能会导致CSS包过大，难以管理样式。
Jackson-Mseven·2024-01-30 20:02

js获取今天剩余时间_前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡

React.js是现今前端最火的应用框架之一，而Next.js正是React.js领域最优秀的服务端渲染框架之一。
weixin_39610774·2024-01-29 22:29

前端教程丨手把手教你用 Next.js 搭建个人博客，从入门到吃鸡

React.js是现今前端最火的应用框架之一，而**Next.js正是React.js领域最优秀的服务端渲染框架之一。
蓝桥云课·2024-01-29 22:28

【前端教程】手把手教你用 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

nextjs中beforePopState使用

在Next.js中，beforePopState是一个可选的生命周期函数，用于在浏览器的历史记录发生更改之前执行一些操作。
D浩DzD·2024-01-25 20:32

Next.js 导航和路由跳转

Next.js提供了强大的导航和路由系统，使得开发者能够轻松地实现页面之间的切换和传递数据。本文将深入介绍Next.js中的导航和路由跳转，帮助你更好地理解和应用这些功能。
天問_·2024-01-23 17:44

五、next.js 的预渲染和数据获取

简介Pre-rendering与渲染技术生成一个类似静态页面的东西，即便没有JavaScript脚本的支持，仍然可以呈现页面，这样就可以更好的支持SEO。预渲染的两种形态两种形态分别是：StaticGenerationandServer-sideRenderingStaticGeneration这是构建时生成的模式，也就是生成之后每个页面访问已经生成的静态文件。Server-sideRenderi
kami1983·2024-01-23 08:02

Next.js 开发指南（GitHub 115k star）

Next.js是一个构建于Node.js之上的开源Web开发框架，它扩展了最新的React特性，集成了基于Rust的JavaScript工具，可以帮助你快速创建全栈Web应用（full-stackWebapplications
前端组件开发·2024-01-17 14:13

next.js将客户端的静态文件(.js,.css)放在s3

设置next.config.js,生产环境设置assetPrefix为s3连接constisDev=process.env.NODE_ENV!=='production';constversion=require('./package.json').version;assetPrefix:isDev?'':`https://${process.env.AWS_REGION}.amazonaws.c
jimcarol·2024-01-17 07:44

next.js从入门到实战

官网上Next.js简介：Next.js是一个轻量级的React服务端渲染框架首先整理了一下各种渲染方式的优缺点一）服务端渲染/客户端渲染/同构渲染的优缺点I）为什么要使用服务端来渲染，有什么优点？
「已注销」·2024-01-17 03:38

nextjs是怎么获得绝佳SEO的？

Next.js是一款流行的React框架，适用于服务器渲染和静态网站生成。在本文中，我将从SEO的角度，分享几种在Next.js项目中进行SEO优化的方法，并提供实践示例进行演示。
苍山有雪，剑有霜·2024-01-17 02:42

二、Next.js 的 Assets, Metadata, and CSS

原文参考：https://nextjs.org/learn/basics/assets-metadata-css静态资源存储(Assets)可以在顶级公共目录下提供静态资产，如图像等数据，接下来是如何存储及引用他们，为了接下来的测试做一些准备工作。创建目录public/images找一个大致400px乘400px左右的jpg图片，存进去。将该文件重新命名为profile.jpgImage组件相较于
kami1983·2024-01-16 05:54

无需任何三方库，在 Next.js 项目在线预览 PDF 文件

最近使用Next.js重构公司官网的时候，也碰到这个需求，用户协议是一个PDF文件，要求在页面中点击链接后能够预览PDF。因为之前有留意到某个Next.js的开源项
OooooYi·2024-01-14 16:44

Next.js 集成 Auth0 登入和自定义登入页面

Next.js集成Auth0和自定义登入页面注册账号和基本配置进入auth0官网注册账号并登入进入控制台后访问`Applications/Applications`进入程序配置页面添加配置在Next.js
OooooYi·2024-01-14 16:09

写点东西《使用 Docker 构建本地开发环境：运行带有 PostgreSQL 和 Minio S3 的 Next.js 全栈应用程序》

写点东西《使用Docker构建本地开发环境：运行带有PostgreSQL和MinioS3的Next.js全栈应用程序》@[TOC](写点东西《使用Docker构建本地开发环境：运行带有PostgreSQL
MR_Bone·2024-01-13 23:57

实现vercel的反向代理和重定向

Vercel的核心产品是Next.js，它是一种基于React的Web应用程序框架，使开发人员能够轻松地创建、测试和部署静态和动态Web应用程序。通过Ver
CS@zeny·2024-01-12 04:58

实例讲解如何使用Next.js构建和部署一个网站

在本教程中，你将学习如何使用Next.js建立一个开发者作品集，并直接从你的GitHub仓库部署到应用托管平台。要求/前提条件这是一个“跟随“类型的教程。如果你有的话，你会更容
WPHunter·2024-01-12 03:37

科普帖：什么是Next.js？一个流行的JavaScript框架

随着Next.js被称为生产用的React框架，很明显，你可以用Next.js快速构建和部署大规模和企业级的应用程序到生产中。
WPHunter·2024-01-12 03:07

Next.js 学习笔记（五）——渲染

React和Next.js允许你创建混合web应用程序，其中部分代码可以在服务器或客户端上呈现。本节将帮助你了解这些渲染环境、策略和运行时之间的差异。
Jackson-Mseven·2024-01-12 00:12

Next.js 学习笔记（六）——缓存

缓存Next.js可通过缓存渲染工作和数据请求来提高应用程序的性能并降低成本。本页将深入介绍Next.js缓存机制、可用于配置这些机制的API以及它们之间的交互方式。
Jackson-Mseven·2024-01-12 00:41

next.js官方教程入门项目

先初始化一个项目npminitnext-appnectjs-blog-1运行yarndev创建/pages/posts/first-post.js文件，通过/posts/first-post来访问，不需要配置router，这是约定，约定大于配置，这是来自Rails的理念。Link快速导航点击跳转改成点击跳转优点：页面不会刷新，用Ajax请求新页面内容不会请求重复的HTML、CSS、JS自动在页面插
Marshall3572·2024-01-07 21:36

使用 Next.js 构建电商购物车

这主要是由于创建了诸如Next.js之类的工具，这些工具成功地简化了React前端开发。因此，我们将探讨如何快速制作Next.js电子商务单页应用程序。
yule.yang·2024-01-07 06:19

Next.js 第一次接触

因为需要整个漂亮的在线文档，所以接触了next.js，因为对前端js本身不够熟悉，别说对react.js又不会，时间又不允许深入研究，所以，为了加一个导航菜单，极其痛苦。
Feather Duster·2024-01-07 02:56
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他