Next.js

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

Next.js与React服务端渲染

最近在一个资讯类的项目中用了Next.js服务端渲染，体验了一把服务端渲染的速度，首屏直出，渲染速度666。
唐_银·2023-10-28 19:21

Elasticsearch快速入门及结合Next.js案例使用

索引文档节点分片使用Elasticsearch进行全文搜索连接到Elasticsearch创建索引和插入数据创建全文搜索页面测试全文搜索结语欢迎来到Java学习路线专栏~Elasticsearch快速入门及结合Next.js
IT·陈寒·2023-10-27 15:54

深入探究 Next.js 中的 getServerSideProps 和 getStaticProps 用法及区别

引言：Next.js是一个流行的React框架，它提供了许多强大的功能来简化服务器渲染（SSR）和静态生成（SSG）的过程。
天外飞雨道沧桑·2023-10-25 15:43

react+ts+next.js

使用next.js创建react+ts项目一.运行创建命令yarncreatenext-app“文件名”--typescript安装完成后：去到创建的文件里，运行yarndev启动开发服务器。
咋样才不存在·2023-10-22 16:49

react 使用create-react-app搭建

入门，框架等：生产级的react框架：Next.js,Gaysby.js,Remix.js等对于入门来说，不太需要太多的工具链，所以用cra脚手架便可以快速搭建一个简单的react页面cra脚手架，全称是
SuperHaker~·2023-10-19 09:39

桌面应用程序 azure_使用Azure静态Web应用程序服务构建Next.js应用程序

桌面应用程序azureNowadaystherearesomanywaystobuildanddeployNext.jsappssuchasNext.jswithJava,Next.jswithNodejs,serverless,etc.BuildingwithAzureStaticWebappsserviceisoneofthemandMicrosoftAzurerecentlyreleased
weixin_26738395·2023-10-18 19:23

Next.js中的两种预渲染机制区别

StaticGeneration对比Server-siderendering(翻译自Next.js文档)前言Next.js内置了预渲染(pre-rendering)概念，默认开启，预渲染有两种形式StaticGenerationServer-siderenderingNext.js
僞物·2023-10-18 17:10

记一次next.js fastify框架的问题

今天执行npmrundev的时候莫名出现image.png报错问题后来经过排查发现image.png问题在这段代码上简单来说就是打包时间超过这个timeout的时间就会抛出一个异常追根溯源找到fastify项目但是fastify项目并没有很明显的写明timeout的来源查看源码后发现image.pngimage.pngserver.js中的配置文件改成这样就可解决这个问题
fangkyi03·2023-10-18 10:44

使用 OpenAI API 构建 Next.js 应用程序的初学者指南

欢迎阅读我们的初学者指南，了解如何使用OpenAIAPI构建Next.js应用程序。在本教程中，我们将引导您完成利用OpenAIAPI的功能创建功能强大且智能的Next.js应用程序的过程。
pxr007·2023-10-18 06:20

Next.js 网站部署踩坑经历小记及前端站点部署技巧

前言在入职两个月后，我开始了第一个完全由我一个人负责开发的网站项目。这个网站的用途是用于宣传一个开源社区峰会以及沉淀峰会视频内容，在峰会进行期间还需要在网站进行直播。从网站的开发到部署上线，可谓是踩坑无数，最终实现的网站在这里https://apisix-summit.org/背景由于时间有限，整体网站的架构是基于vercel的一个网站脚手架virtual-event-starter-kit之上进
oil欧哟·2023-10-17 14:10

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

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

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

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

大前端时代，如何做好C 端业务下的React SSR？\n

\n本次分享主要围绕C端业务下得ReactSSR实践，会讲解各种SSR方案，包括Next.js同构开发，并以一次优化的过程作为实例进行讲解。其实这些铺垫都是在工作中做的Web框
六六子大顺1·2023-10-13 17:22

将youtube播放列表变成网站

FromScratch:usingNext.js(React),Bulma&ZeitNow从头开始：立即使用Next.js(React)，布尔玛和Zeit(writteninApril,postedinaugust
weixin_26723981·2023-10-13 16:00

天工开物 #2 Spring Boot + Next.js 端口唯一代码分离方案

上周开发报表的时候实现了一个SpringBoot[1]+Next.js[2]前后端代码分离，但是端口唯一的WebApp方案。
_tison·2023-10-12 20:35

Nextjs中文文档

Next.js是一个轻量级的React服务端渲染应用框架。
weixin_34238642·2023-10-12 20:33

Next.js 13 你需要了解的 8 件事

目录React服务器组件（RSC）服务器组件默认开启在Next.js中客户端组件也在服务器上呈现！
Willin 老王带你躺平养老·2023-10-12 20:01

nextjs构建服务端渲染,同时使用Material UI进行项目配置

一、创建一个next项目使用create-next-app来启动一个新的Next.js应用，它会自动为你设置好一切运行命令:npxcreate-next-app@latest执行结果如下：启动项目：pnpmdev
任磊abc·2023-10-12 20:58

快速入手 react项目

真正强大的不是一个库或者是这个框架，而是这一整个生态，要配置路由有react-route，要创建动画有spring，framer-motion，要管理状态有Redux，flux，mobX,Recoil,要进行服务端渲染有Next.js
hgdzw·2023-10-11 14:06

超越React，JS代码体积减少90%！它为何是2023年最好的Web框架？

说到Web框架，大家最先想到的可能是Vue、React，或者是Next.js。但不得不提，有个后起之秀“来势汹汹”，1.0版本发布至今仅一年，就出尽风头。它就是Astro。Astro是什么？
这我可不懂·2023-10-10 22:19

前端又出新框架了，你还学得动吗？

翻译一下：Nue是一个强大的React、Vue、Next.js、Vite和Astro替代品。它可能会改变您的web开发方式。1WhatisNueJS?
IT条条·2023-10-09 23:34

reactjs开发环境搭建

Reactjs是一个前端web页面应用开发框架工具集，其支持前端构建页面以及后端构建页面两种常用的开发场景，其中，支持reactjs的开发框架包括next.js、remix、gatsby以及其他，本文主要描述
uesowys·2023-10-08 12:37

图像和视频上传平台Share Me

ShareMe是使用Next.js和PocketBase的自托管图像和视频上传平台，具有丰富的嵌入支持和API，是Imgur的开源替代品。什么是PocketBase？
杨浦老苏·2023-10-06 12:03

使用 Next.js 和 React Router 构建单页应用程序(SPA)

创建项目先创建个Next.js项目pnpmcreatenext-app--typescript安装react-router-dom"dependencies":{"next":"13.0.0","react
xxxxxue·2023-10-06 10:02

React Next.js styled-components 报错: Warning: Prop `className` did not match. Server:...

React+Next.js+StyledComponents浏览器console报错信息:Warning:Prop`className`didnotmatch.Server:"sc-gsDKAQWHHak"Client:"sc-bdvvtLfKlryF"大概就是(hydrate)水合注水失败了,虽然是个warning,但界面却是不正常的.这个警告必须解决.解决方案Next.js12.1next.c
xxxxxue·2023-10-06 10:00

字节青训前端笔记 | Next.js 入门

这节课将讲述为什么要使用ssr渲染，以及如何使用next.js进行ssr项目的开发和部署先给出next.js的官网，本教程只是进行简单的学习笔记的记录，更详细的开发需要你自行深入学习https://www.nextjs.cn
摸鱼老萌新·2023-10-06 07:17

Next.js的基础知识笔记

1.刚学完React的大部分知识，我朋友紧接着就让我趁热打铁去学习Next.js说，这一步才是你离实战项目最近的一次。
韩振方·2023-10-06 07:46

Next.js 入门笔记

前言之前初步体验了React的魅力,又看文档理解了一下useState和useEffect,目前初步理解的概念是:useState用来声明在组件中使用并且需要修改的变量useEffect用来对useState声明的变量进行初始化赋值可能理解的不太准确,不过大概差不多是这么个意思.但是再往后看路由什么的就头大了,还得手动添加各种其他的package进行实现,显然不符合OOBE的体验.逛了一圈发现基于
DexterLien·2023-10-06 07:45

SSR服务器端渲染(Next.js总结和豆瓣电影项目)

一.前言先解释一下Nuxt.js和Next.js虽然只有一个字母之差,但它们是不同的两个服务端渲染框架.什么是Next.js?
黄庚中·2023-10-05 21:12

Next.js + TypeScript 搭建一个简易的博客系统

按照这个想法，谷歌了一下就是——Next.js了。
傲娇的koala·2023-10-05 05:54

Next.js 中使用Non-SSR组件

什么是服务器端渲染？服务器端渲染是一种在服务器上渲染应用程序以响应每个请求，然后将完整的HTML和Javascript返回给客户端的方法。首先，服务器处理所有必要的数据并运行JavaScript。然后，它生成页面并将其作为一个整体发送给客户端。这使得将动态组件作为静态HTML标记提供服务成为可能。每当索引无法有效解释JavaScript时，SSR对搜索引擎优化(SEO)是有益的。当缓慢的Inter
夜息白鸽·2023-09-30 17:21

和 Node.js 说拜拜，Deno零配置解决方案

例如，在最新版本的Next.js中，我们就有next.config.js、eslintrc.json、tsconfig.json和package.json。
xiangzhihong8·2023-09-26 10:59

和 Node.js 说拜拜，Deno零配置解决方案

例如，在最新版本的Next.js中，我们就有next.config.js、eslintrc.json、tsconfig.json和package.json。
·2023-09-25 09:37

前端新轮子Nue，号称替代Vue、React和Svelte

在HackerNews上介绍它时，前端开发者和Nue.js的创作者TeroPiirainen表示，它是React、Vue、Next.js、Vite、Svelte和Astro的替代品。
@大迁世界·2023-09-24 21:28

Next.js 13.5 正式发布，速度大幅提升！

9月19日，Next.js13.5正式发布，该版本通过以下方式提高了本地开发性能和可靠性：本地服务器启动速度提高22%：使用App和PagesRouter可以更快地进行迭代HMR（快速刷新）速度提高29%：在保存更改时进行更快的迭代内存使用量减少40%：在运行nextstart时测量优化的包导入：使用流行的图标和组件库时进行更快的更新next/image改进：支持标签、暗模式等修复了超过438个错
·2023-09-24 19:06

如何在react/next.js app中的同级组件间传递数据

这篇文章也可以在我的博客中查看问题为什么会有这么奇怪的需求？在事情真正发生前真的难说，但真遇到一个需要这么做的情况。最近想做一个网页时钟，它的结构如下：+时钟（计算时间，组织各个要素）|--+设置面板（时间设置）|--+主题（显示时间的样式）设置是针对于时钟的，比如：进制、时区……主题可以不断增加，用于花里花哨地改变时钟的输出但现在我需要为主题也增加设置项，加入到设置面板中因此需要同级传递数据（主
mkr67n·2023-09-23 02:33

浏览器要原生实现React的并发更新了？

围绕并发更新，存在两个很有意思的现象：很多开发者听说过他很少开发者直接使用过他这两个现象看似矛盾，其实很好解释——React18之后的新特性，主要是面向上层框架的（主要是Next.js）。
·2023-09-22 18:11

帮你早点下班~基于飞书API实现next.js网站内容自动生成实践

前言最近在公司里得到了一项任务，人事给了一个飞书的职位表格，要求将里面的信息更新到官网上面去。其中涉及了已有岗位的信息更新，删除部分岗位和添加部分岗位。这种工作虽然简单，但是很琐碎，很麻烦。三十个岗位的岗位列表和岗位详情花了我一个早上去更新及核对。主要的工作量都在于表格的数据结构和代码中的数据结构不同需要进行一个修改以及更新后数据后网站展示情况的核对。作为一个程序员当然得想办法优化一下整体的流程，
oil欧哟·2023-09-22 10:41

Next.js 与 Nuxt.js：终极指南

Next.js和Nuxt.js是用于构建现代Web应用程序的现代JavaScript框架。PC机箱风扇吹向哪个方向两者都是采用Jamstack架构的静态站点生成器，分别在Rea
pxr007·2023-09-21 13:28

使用 Edge Functions 最大化 Next.js 13 应用程序的性能

在云计算中，术语边缘功能是指位于或靠近网络边缘的计算能力，通常更靠近数据源。在本分步教程中，您将学习如何使用Next.js13轻松创建EdgeFunctions。边缘功能用于在靠近生成位置的地方处理数据，而不是将所有数据发送到集中式云进行处理。这减少了数据传输所需的延迟和带宽，并可以提高基于云的应用程序的效率、可扩展性和安全性。无服务器功能与边缘功能EdgeFunctions可以理解为Server
pxr007·2023-09-21 13:58

next.js window is not defined

window){return}2.原因next.js是服务器渲染，运行在node上的，并不是浏览器上的；所以使用生命周期componentDidMount，在页面渲染到浏览器后，才能找到window3.
贝茵斯都·2023-09-21 13:57

next.js 使用百度地图

使用React-BMapGL安装npminstallreact-bmapgl--save新建一个页面map.tsx//map.tsximportReactfrom'react';import{Map,Marker,MapApiLoaderHOC}from'react-bmapgl';classBaiduMapextendsReact.Component{render(){return()}}exp
土拔鼠旱懒·2023-09-21 13:56

Wow.js 在 Next.js 中使用

官方文档AnimateStyleWow.js-Github前言在jQuery时代，我记得按照文档说明就可以完全使用起来，但是到现在使用，需要变化一下，尤其是使用了Next.js的情况下。
大涛子·2023-09-21 13:26

next.js/react 使用eventBus/注册全局变量

新建onfire.ts文件exportinterfaceListener{cb:Function;once:boolean;}exportinterfaceEventsType{[eventName:string]:Listener[];}exportdefaultclassOnFire{staticver="__VERSION__";//所有事件的监听器es:EventsType={};on(e
Call_me_small_pure·2023-09-21 13:21

开始在 Windows 上使用 Next.js

目录必备条件安装Next.js本指南帮助你安装Next.jsWeb框架并在Windows上启动和运行。
岸边的风·2023-09-21 13:20

React+Node——next.js 构建前后端项目

一、安装全局依赖npmi-gcreate-next-app二、创建next项目create-next-appreact-next-demo//或create-next-appreact-next-demo--typescript三、加载mysql依赖npmi-Smysql2四、运行项目npmrundev五、创建db文件目录，目录下创建index.tsimport{createConnection}
一只漫步前行的羊·2023-09-20 06:03
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他