Next.js

Next.js 跳转传参并接收接参

介绍路由传参，接参使用方法传参+跳转页面接收参数//LinkimportLinkfrom'next/link';跳转//routerimport{useRouter}from'next/router';constrouter=useRouter();router.push('/first?name=张思学&age=18&work=前端开发');//页面接收参数import{useRouter}fr
张思学·2024-01-06 06:48

新框架又出来了，你还卷的动吗？

官方宣称这是对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等Web开发框架的彻底改革。特点Nue使用渐进增强
骑着牛的奇兵·2024-01-05 21:43

Nextjs实战

一、安装Next.js是一个全栈式的React框架。它用途广泛，可以让你创建任意规模的React应用——可以是静态博客，也可以是复杂的动态应用。
Z_Xshan·2023-12-30 15:18

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

一、创建nextjs项目使用create-next-app来启动一个新的Next.js应用，它会自动为你设置好一切运行命令:np
任磊abc·2023-12-28 21:13

VScode安装Remix.js开发环境

1Remix.js介绍Remix.js是一个基于react的全栈Web开发框架，是对标next.js的。目前关于remix的中文资料很少，只能去官网看英文。他通
Intimes·2023-12-27 12:35

大家都在嘲笑 Next.js 14

上周Next.js14发布了，该版本相较于13，没有任何API变更，主要更新点是Turbopack带来了大幅的性能提升以及ServerActions功能进入稳定版本。Next.js14带来了三个主要新功能Turbopack：在approuter和pagerouter中通过了5,000个测试本地启动服务器时间快了约50%热模块替换速度快了约94%然而并不是所有的测试都通过了，当前只通过了90%的测试
不爱敲代码的小胡·2023-12-25 23:37

前端开发有了 Next.js，还需要后端开发吗 ？

Next.js，作为React框架的佼佼者，因其前后端流畅集成而受到广泛欢迎。这就引出了一个有趣的问题：我们真的需要Next.js的后端功能吗？
前端达人·2023-12-25 10:01

在Next.js和React中搭建Cesium项目

在Next.js和React中搭建Cesium项目，需要确保Cesium能够与服务端渲染(SSR)兼容，因为Next.js默认是SSR的。
Run不动了·2023-12-24 21:36

创建Next.js项目时，你可能会遇到would you like to customize the default import alia是否要自定义默认导入别名（@/*）的选项，yes或no的差别

在创建Next.js项目时，你可能会遇到是否要自定义默认导入别名（@/*）的选项。这个别名是一种快捷方式，允许你更方便地导入项目中的文件。
小果运维·2023-12-24 02:32

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

鉴于flow烂尾了,为了维护,故转写TypeScript.然而苦等vue3未果,于是转向学习React.鄙人React刚起步,英语渣一名,文章大部分内容为翻译官网示例,并重写,可能会存在与之相违的情况.参考官网:https://nextjs.org/learn/basics/getting-started开发环境:window10x64nodev10.16.3npmv6.13.41.项目创建首先,
KunHo·2023-12-22 20:40

nextjs + sharp在 vercel 环境svg转png出现中文乱码

在之前一篇博客Next.js和sharp实现占位图片生成工具，详细介绍了使用Next.js+sharp+Vercel来实现一个占位图片生成工具，遇到一个奇怪的问题：在本地开发环境，英文、数字、中文字符自定义内容
天問_·2023-12-22 03:41

Part3-1-4 Vue.js Virtual DOM 的实现原理

VirtualDOM来描述真实DOM创建虚拟DOM比创建真实DOM的开销小很多虚拟DOM的作用维护视图和状态的关系•复杂视图情况下提升渲染性能•跨平台•浏览器平台渲染DOM•服务端渲染SSR(Nuxt.js/Next.js
沿着路走到底·2023-12-21 19:44

澳新和国内React技术栈对比

Next.js或Gatsby：用于构建服务器端渲
十步杀一人_千里不留行·2023-12-17 22:50

流行的 React 相关库和框架

以下是一些最流行的React相关库和框架：Next.js：Next.js是一个基于React的框架，它提供了服务器端渲染（SSR）、静态站点生成（SSG）、API路由、自动代码拆分等功能。
十步杀一人_千里不留行·2023-12-17 21:43

coffee：使用AI构建和迭代React UI速度提高10

特征适用于任何React代码库，包括Next.js、Remix等。
极道Jdon·2023-12-16 10:11

Next.js加载异步组件 & 骨架屏

Next.js中有两种处理页面加载的方式，一种是LoadingUI一种是Streaming。接下来我将介绍这两种的区别，以及实际的业务场景。
远小帅·2023-12-16 05:12

六、NextAuth.js 简述

简介简单的说，NextAuth.js是用于Next.js应用程序的完整开源身份验证解决方案。支持OAuth1.0、1.0A、2.0和OpenIDConnect。
kami1983·2023-12-16 04:55

20231212基于react的next.js v生产级全站框架整合styled-components，实现CSS-in-JS，将CSS样式集成到React组件中。

1、styled-components的介绍styled-components是一个流行的CSS-in-JS库，它允许您在React应用程序中编写CSS代码，并以组件方式管理样式。以下是styled-components的详细介绍：基于组件：styled-components将CSS样式集成到React组件中，使得样式与组件一起工作。这种风格可以更清晰地表达组件的样式，并提高组件的可重用性。动态C
小果运维·2023-12-15 20:35

Next.js 的设计理念

Next.js的设计理念：简洁、强大与高效Next.js是一个流行的React框架，由Vercel公司开发。它的设计理念是简洁、强大和高效，这种理念贯穿于Next.js的所有功能中。
wakangda·2023-12-15 16:42

Next.js：前端开发的新篇章

Next.js：前端开发的新篇章在前端开发的世界中，新的框架和库如同雨后春笋般不断涌现，每一个都带来了新的概念，新的工具，以及新的开发方式。
wakangda·2023-12-15 15:53

Next.js ts redux/toolkit状态管理

目录介绍安装依赖初始化store1、在src下创建store文件夹，2、创建最简单的slice切片3、创建入口文件index.ts4、创建hooks.ts在_app.tsx中注入storetsx中使用storepayloadcreateAsyncThunk效果介绍@reduxjs/toolkit是Redux官方提供的一个工具集，旨在简化和改善Redux应用的开发体验。它包含一些工具函数和约定，可以
SuppperSA·2023-12-15 07:16

React全站框架Next.js使用入门

Next.js是一个基于React的服务器端渲染框架，它可以帮助我们快速构建React应用程序，并具有以下优势：1.支持服务器端渲染，提高页面渲染速度和SEO；2.自带webpack开发环境，实现即插即用的特性
小果运维·2023-12-05 08:50

React、Vue、Next、Umi框架对比

React、Vue、Next、Umi优缺点React.js优点缺点NEXT.js优点：缺点：VUE.js优点：缺点：Umi.js特点：优点缺点JavaScript优点：缺点：Jquery与react、vue
丢丢的大神·2023-12-04 21:14

Next.js初步使用

安装和运行Next.js是一个基于React的服务端渲染框架，可以实现构建高性能、可扩展的React应用，提供了很多方便的工具和功能，包括自动代码分割、服务器端渲染、静态文件服务、自动缩小、热模块替换等等
微小冷·2023-12-02 12:33

【好文翻译】Difference Between Next.js vs. Nuxt.js vs. Nest.js

DifferenceBetweenNext.jsvs.Nuxt.jsvs.Nest.js编程可以被认为是创造一些令人惊奇和信息事物的过程。如果你是一个程序员，你必须同每项新兴前沿技术保持同步更新。“nust”、“next”、“nest”毫无疑问总是让人感到困惑。尽管他们可能听起来相似，但他们实际应用并不相同。对不熟悉这些框架的开发人员来说，最初感到困惑是很正常的。这片文章将会提及这三个供你使用的框
森林里的小姑娘·2023-12-02 01:26

解惑三兄弟：Next.js、NestJS和Nuxt.js - 选择最适合你的全栈开发工具

在本文中，我们将解开三个“傻傻分不清”的兄弟：Next.js、NestJS和Nuxt.js，帮助你更好地理解它们的用途和优势，以便在你的项目中做出明智的选择。
MoYoon·2023-12-02 01:55

使用Next.js(React)作为Nest.js的模板引擎的踩坑之路

本人平时做项目一般都基于Nest.js+React的前后端分离，之所以用这两个框架，Nest.js的好处：写法类似Java的Spring,对TypeScript的支持非常好，一方面可以一定程度规范代码，另一方面代码提示很友好，结合Typeorm，用起来很顺手，维护起来也比较方便;React的好处，对TypeScript支持非常好，antd等大厂做的组件库很多都是针对React的，做项目开箱即用又不
萌新丶小熊·2023-12-02 01:25

【前端开发】Next.js VS Nest.js–Nest和Next之间的区别

web开发框架起到支持作用，并提供了开发应用程序的有效方法。它具有不同的功能和特性，这使得开发过程更容易，开发人员总是能找到最快的编码方式。这就是为什么，无论是后端还是前端框架，大多数开发人员都喜欢使用它。一些框架通常具有非凡的功能，可以最大限度地减少代码，使应用程序开发更快、更智能。因此，对框架的需求不断增加，导致了许多框架的发明，提供了多种选择。因此，跟上最新的网络开发技术并选择什么确实是一项
架构师酒馆·2023-12-02 01:24

Next.js 实用小技巧

i18n国际化参考项目：https://github.com/vercel/next.js/tree/canary/examples/with-i18n-rosetta首先，是本地i18n目录下存储翻译文件
Willin 老王带你躺平养老·2023-12-01 15:36

Next.js （上）

创建项目命令npminitnext-appnextjs-blog-1然后选择Defaultstarterappyarndev用浏览器打开控制台给出的网址Link快速导航官方教程在此用法把点击跳转改成点击跳转优点页面不会刷新，用AJAX请求新页面内容不会请求重复的HTML、CSS、JS自动在页面插入新内容、删除旧内容因为省了很多请求和解析过程，所以速度极快同构代码代码运行在两端在组件里写一句cons
kzc爱吃梨·2023-11-27 22:56

NextJS开发：Image组件的使用及缺陷

Next.js中的Image组件相比于传统的img标签有以下几个优点：懒加载：Image组件自带懒加载，当页面滚动到Image组件所在位置时才会加载图片，从而加快页面的渲染速度。
芝士思维·2023-11-27 21:06

前端开发神器WebStorm 2022.1正式发布——更好的 Next.js 支持

WebStorm2022.1拥有更好的Next.js支持、Volta集成、对Docker的改进、对webpack配置的ESM支持、从Markdown文件运行命令的能力等等。
小董讲MES·2023-11-26 23:26

nuxt学习记录

背景：2016年10月25日，zeit.co背后的团队对外发布了Next.js，一个React的服务端渲染应用框架。
不曾滑落的忧伤·2023-11-25 00:36

『亚马逊云科技产品测评』活动征文｜基于next.js搭建一个企业官网

『亚马逊云科技产品测评』活动征文｜基于next.js搭建一个企业官网授权声明：本篇文章授权活动官方亚马逊云科技文章转发、改写权，包括不限于在DeveloperCentre,知乎，自媒体平台，第三方开发者媒体等亚马逊云科技官方渠道前言如果你进入一家公司之后
憧憬blog·2023-11-22 04:32

奇舞周刊第511期：Vite 5.0 正式发布

怎么理解ReactServerComponent和Next.js的关系Next.js的诸多特性(比如Serve
奇舞周刊·2023-11-21 03:37

nextjs-一个基于React的全栈框架

一、nextjs基本介绍Next.js是一个基于React的轻量级框架，用于构建React应用程序。它在React的基础上提供了一些增强功能，包括服务器渲染（SSR）、静态生成（SSG）、路由等。
GEAs·2023-11-19 05:26

Playwright测试自动化工具

今天，大多数web应用程序都是用现代前端框架开发的，如React、Angular或Next.js，所有的浏览器可以分为三类：基于Chromium引擎的浏览器，在Gecko上运行的Firefox，以及在Web
软件测试潇潇·2023-11-16 21:37

next.js 源码解析 - getStaticProps、getStaticPaths 篇

好久前写了关于getStaticProps和getStaticPaths的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。本文主要是解读下getStaticProps、getStaticPaths相关的源码，不了解这两个API的建议先看下之前的文章再看。getStaticProps首先getStaticProps是应用于SSG场景，我们先看下packages/next/s
嘿嘿不务正业·2023-11-16 11:23

图文并茂手把手教你基于React多种方案调用OpenAI接口实现ChatGPT打字机效果

代码仓库码云仓库前期准备前端项目后端接口（OpenAI接口即可）启动一个新的React项目如果小伙伴们有现有项目，可跳过此步骤直接进入下一步~Next.js是一个全栈式的React框架。
tangdou369098655·2023-11-13 06:46

Notion笔记搭建博客网站 - NotionNext

NotionNext是我在Github上开源的基于Next.js框架开发的博客生成器。目的是帮助写作爱好者们通过Notion笔记快速搭建一个独立站，从而专注于写作、而不需要操心网站的维护。
tangly1024·2023-11-12 06:56

奇舞周刊第510期：浏览器和图形引擎渲染对比

Next.js的崛起：为什么它是现代网站的首选全栈框架在选择前端框架时，可靠性至关重要。在这篇文章中，详细解释了为什么Next.js是一个可靠的选择，以及它充满前景的未来。即将到来的Vue3“Va
奇舞周刊·2023-11-12 06:06

Next.js 项目——从入门到入门（Eslint+Prettier）

Next.js官方文档地址什么是Next.js这是一个用于生产环境的React框架。
z止于至善·2023-11-11 05:44

Next.js 14 发布

Next.js编译器进一步增强自版本13以来，Next.js团队就一直在孜孜不倦地提升本地开发性能。新版本又带来了增量化增强方法，而一系列改进的核心就体现在基于Rust的
z止于至善·2023-11-10 22:37

在服务器部署Next.js、Node.js项目，并实现自动部署（伪CI\CD）超详细

目录一、引言二、配置服务器1.远程连接服务器·用服务商提供的远程连接·用MotaXterm来远程连接编辑编辑编辑2.登录实例·如何获取账号和密码·服务商远程连接方式：·MotaXterm连接方式三、项目准备与测试1.安装nodejs·进入安装目录·下载·解压·重命名文件夹·配置环境变量·检验是否安装成功·更换镜像与下载pnpm、yarn、cnpm2.安装git并配置SSH·下载git·配置用户名和
l煎饼果子·2023-11-04 00:01

使用 Next.js 搭建个人博客

最近把博客从Gatsby迁移到了Next.js，本文记录一下使用Next.js从0到1搭建一个博客网站的流程，以及所使用到的一些技术(npm包)。
Paranoid_K·2023-11-03 13:34

Playwright测试自动化工具

今天，大多数web应用程序都是用现代前端框架开发的，如React、Angular或Next.js，所有的浏览器可以分为三类：基于Chromium引擎的浏览器，在Gecko上运行的Firefox，以及在Web
程序员木江·2023-11-03 01:05

Next.js和sharp实现占位图片生成工具

在这篇博客中，我们将介绍如何使用Next.js和sharp框架来实现一个占位图片生成工具，使你能够根据需要生成自定义占位图片。
天問_·2023-11-03 01:01

为什么我不使用 Next.js？

【CSDN编者按】Next.js是Remix的一个非常流行的替代品，本文作者想诚实地表达个人对Next.js的看法和使用体验，并非有意抨击Next.js。
CSDN资讯·2023-11-02 10:02

前端食堂技术周刊第 102 期：Next.js 14、Yarn 4.0、State of HTML、SEO 从 0 到 1

美味值：口味：肥牛宽粉食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。技术资讯Next.js14Astro3.4StateofHTML2023Yarn4.0Storybook7.5WinterJS下面我们来看技术资料。技术资料1.SystemDesign101这个丰富的资源库可以帮你学
童欧巴·2023-11-01 06:00

Playwright已经是目前最好的测试自动化工具了吗？

今天，大多数web应用程序都是用现代前端框架开发的，如React、Angular或Next.js，所有的浏览器可以分为三类：基于Chromium引擎的浏览器，在Gecko上运行的Firefox，以及在Web
测试萧十一郎·2023-10-31 16:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他