nextjs

00. 把react JS, SPA 转换为 Next JS 系列教程

前言：把一个由React实现的后台管理系统模版，转换为NextJS。
zJanetHK·2023-06-13 01:52

从未尝试过的 7 种处理 CSS 的方法

因此，今天我们将深入探讨使用NextJS为React应用程序编写CSS的七种不同方法（如果这不是您的问题，请不要担心；这些概念也适用于其他地方）。系好安全带，准备好进行权衡取舍！
jascl·2023-06-08 17:25

使用Nextjs快速开发全栈导航网站

背景随着ChatGPT的火热，国外很多开发者快速响应，应用于不同场景的AI应用井喷式的爆发，并且基本集中在web领域应用，而在快速开发的背后，我们可以看到，开发者大多选择Next.js或者Nuxt.js全栈框架来开发，以快速验证自己的产品。这种选型的背后，我觉得主要原因有：SEO的重要性国外更加注重SEO的重要性，国内搜索引擎大多是靠花钱买搜索流量，包括小程序、App这类对SEO的需求并不大Edg
·2023-06-07 22:55

Nextjs实战记录

动态表单初始化必须给{}赋值表单的name与值，否则会报不受控（即使是遍历出来的表单）动态样式方案一：CSSModule+classnamesimportclassNamesfrom'classnames'functionRender(){return({idx})}Notes:CSSModules不支持连字符、下划线衔接。.fragment{background:rgba(0,0,0,0.06)
·2023-04-19 18:56

Nextjs实战记录

动态表单初始化必须给{}赋值表单的name与值，否则会报不受控（即使是遍历出来的表单）动态样式方案一：CSSModule+classnamesimportclassNamesfrom'classnames'functionRender(){return({idx})}Notes:CSSModules不支持连字符、下划线衔接。.fragment{background:rgba(0,0,0,0.06)
·2023-04-18 22:23

route-resource-preload 拆包，尽最大努力减少首屏幕加载资源，并提供优质的用户体验

route-resource-preload专注于不影响用户最佳体验的同时，提升应用首屏加载速度，灵感来自NextJS的预加载.gif效果图正常懒加载.gifroute-resource-preload
·2023-04-18 22:54

nextjs自己写ui中input框效果

有需求要实现这样input输入框，所以就开始自己写一个，样式和代码如下：.form_block{position:relative;text-align:left;}.form_con{display:block;position:relative;border:1pxsolid#BBBBBB;border-radius:2px;min-height:56px;color:#000;font-si
丹华666·2023-04-14 11:00

ChatGPT文本补全Text completion API中nextjs中stream输出的方法

chatGPT的强大已经火起来了，其中的文本补全TextcompletionAPI在nextjs中已流的方式，像打字的效果，官方api告诉我们需要将请求参数stream:true这个样设置后，并没有出现打字一样的效果
丹华666·2023-04-14 11:29

openai文本补全chatgpt，用nextjs以流输出结果的方法二

上一篇讲到openai文本补全功能，nextjs给出参考的例子，但是这个例子有很多弊端，不好用，所以又查找大量资料后，用axios可以实现流的输出。为什么要用流输出？
丹华666·2023-04-14 11:29

Egg开发项目实践纪实

web服务端框架背景介绍市面主要流行的有Express、Koa2、Egg、NextJs等Express.js是Node.JS诞生之初，最早出现的一款框架，现在仍
山岚雾丘泽·2023-04-13 23:38

nextjs加入antd按需加载配置方法

.babelrc文件下，按照antd文档按需加载加入；{"presets":["next/babel"],"plugins":[["import",{"libraryName":"antd","style":"css"}]]}next.config.js文件里面加入webpack(config,{isServer}){if(isServer){constantStyles=/antd\/.*?\/
坚韧难囚·2023-04-13 08:58

5 difficulties : converting CRA to NextJS

1.convertingacratoSSRhttps://dev.to/coderdan/5-issues-i-encountered-while-converting-a-create-react-app-to-ssr-and-how-i-solved-them-4lje#:~:text=To%20convert%20your%20CRA%20app,component%20found%20in
zJanetHK·2023-03-29 02:55

Nextjs

一、Next.js介绍Next.js是React服务端渲染应用框架.用于构建SEO友好的SPA应用.支持两种预渲染方式,静态生成和服务器端渲染.基于页面的路由系统,路由零配置自动代码拆分.优化页面加载速度.支持静态导出,可将应用导出为静态网站.内置CSS-in-JS库styled-jsx方案成熟,可用于生产环境,世界许多公司都在使用应用部署简单,拥有专属部署环境Vercel,也可以部署在其他环境二
拾荒李·2023-03-27 05:15

nextjs 更新 route 但不刷新页面

我们在用nextjs的时候也希望类似的功能。我们去刷新表格数据，不刷新页面，但要改变页面的地址。保证我们后退能回到之前的页面。在nextjs中我们可以使用shallow模式。
Lupino·2023-03-20 19:04

next.js 采坑录（服务端渲染）

next官网文档：http://nextjs.frontendx.cn/1.安装脚手架create-next-app是next的脚手架会为你搭建好最基本的next框架。
沐雨芝录·2023-03-17 19:14

Next.js - 读取静态文件数据

参考代码示例数据在NextJS项目下添加文件./data/user.json，示例内容如下{"name":"Anoyi"}示例读取文件数据添加页面.
Anoyi·2023-03-12 15:24

【从零开始NextJS】2)Next 初始化 with typescript

npminit名字随便填,一路回车到底yes,生成package.jsonnpminstall--savereactreact-domnext3.package.json内添加"scripts":{"dev":"next","build":"nextbuild","start":"nextstart"}4.根目录新建tsconfig.json,新建pages文件夹,文件夹内建index.jsnpm
吴小思被占用·2023-03-10 09:43

【nextjs dev解决跨域问题】

1、安装插件yarnaddexpresshttp-proxy-middleware2、根目录下方添加文件server.js:内容如下//server.jsconstexpress=require('express')constnext=require('next')const{createProxyMiddleware}=require('http-proxy-middleware')constd
勤奋的小码农98·2023-02-24 21:11

服务端渲染框架next.js

nextjs是基于React的服务端渲染框架。
追梦人在路上不断追寻·2023-02-17 09:56

【HTML】重点知识内容~快速上手

HTML、CSS、JavaScript、noodJS、组件库、JQuery、前端框架（Vue、React）、微信小程序和uniapp、TypeScript、webpack和vite、Vue和React码源、NextJS
旺旺大力包·2022-12-03 21:26

【CSS】重点知识梳理，这样上手无压力

HTML、CSS、JavaScript、noodJS、组件库、JQuery、前端框架（Vue、React）、微信小程序和uniapp、TypeScript、webpack和vite、Vue和React码源、NextJS
旺旺大力包·2022-12-03 21:26

【CSS3】重点知识内容，快速上手

HTML、CSS、JavaScript、noodJS、组件库、JQuery、前端框架（Vue、React）、微信小程序和uniapp、TypeScript、webpack和vite、Vue和React码源、NextJS
旺旺大力包·2022-12-03 21:23

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

引言从本文中，我将从是什么，为什么，怎么做来为大家阐述NextJS以及如何优化NextJS应用体验。
·2022-10-30 23:45

理解微前端 - 从部署一套自己的前端开发环境(脚手架)开始

那么我们抛开类似nextjs、create-react-app这类的工具或框架，我们该如何从零部署一个属于自己的开发环境呢？
没位道·2022-10-26 15:07

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

引言从本文中，我将从是什么，为什么，怎么做来为大家阐述NextJS以及如何优化NextJS应用体验。
·2022-10-21 16:29

Resemi Admin - 一个漂亮的开箱即用的前端框架

简介ResemiAdmin是一个免费开源的中后台模版,使用了最新的NextJS12，React18，TypeScript等主流技术开发。
·2022-09-14 18:30

手撸Router，还要啥Router框架？react-router/vue-router躺一边去

有没有发现，在大家使用React/Vue的时候，总离不开一个小尾巴，到哪都得带着他，那就是react-router/vue-router，而基于它们的第三方框架又出现很多个性化约定和扩展，比如nuxtjs/nextjs
hiisea·2022-09-05 15:00

手撸Router，还要啥Router框架？让react-router/vue-router躺一边凉快去

有没有发现，在大家使用React/Vue的时候，总离不开一个小尾巴，到哪都得带着他，那就是react-router/vue-router，而基于它们的第三方框架又出现很多个性化约定和扩展，比如nuxtjs/nextjs
·2022-08-15 13:10

xzgz.top网站开发记录

xzgz.top网站记录主要技术栈应用主要是由koa构建，其中nextjs只负责页面构建完成服务端渲染。
·2022-08-11 23:00

Next.js 与 React 之间的比较

NextJS和React是前端Web开发人员社区中最受欢迎的两个工具。许多人很难识别Next.js和React之间的区别，然而，每一个都是为解决不同的问题而设计的。
粤嵌教育·2022-08-10 12:59

前端React Nextjs中的TS类型过滤实用技巧

目录自我介绍分步介绍开胃小菜keyofinConditional泛型正餐开始实战应用例子最后大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个any完事了，但是真正当项目体积变大后，你会发现这些TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验自我介绍TS类型过滤，英文名（我自己取的）叫
·2022-08-09 11:24

React 数据共享useContext的实现

采用的是Nextjs、styled-components、useContext、react-query、ts今天不做重点介绍项目，还是说说在项目中碰到的问题。
·2022-05-16 11:13

nextjs + typescript 配置paths alias

在tsconfig.json下,可以配置path的alias需要额外几个配置build时增加tsc-aliasnpmitsc-alias--save-dev运行时增加tsconfig-pathsnpmitsconfig-paths--save-dev
·2022-05-13 15:49

React文件名和目录规范最佳实践记录(总结篇)

component组件文件page如果有路由(ReactRouter、NextJS等)，则有页面文件util需要复用的工具函数helper一段特
·2022-05-12 14:03

nextjs-react，解决前端跨域问题

方法有很多这里只列举两例(修改nextconfig文件和使用express+http中间件)跨域解决问题本地开发dev环境1、next.config.js文件重写地址(实现跨域)module.exports={asyncrewrites(){return[//接口请求前缀带上/api-text/{source:'/api-text/:path*',destination:`http://127.0
·2022-03-03 20:28

React-SSR-Nextjs

[TOC]Nextjs关于Nextjs的介绍Next.js是一个轻量级的React服务端渲染应用框架。
ZQD1997·2022-02-14 09:37

使用umi开发react-native应用

记得似乎是从nextjs起，前端框架就进入了带编译时的时代。自此，开发者可以迅速投入到业务代码的开发，而不用去搭建脚手架，写一堆配置和胶水代码去整
xuyuanxiang·2022-02-11 17:50

Next.js与TypeScript从零起步学习笔记-5(终).项目实战NextJs+PostgreSQL+AntDesign

参考官网:https://nextjs.org/learn/basics/getting-started开发环境:window10x64nodev10.16.3npmv6.13.41.项目初始化参考‘Next.js
KunHo·2022-02-10 21:07

nextjs 打包报错，TypeError: Cannot read property 'filter' of undefined

问题描述：本地环境代码运行正常，docker打包错后代码运行报错。错误如下：TypeError:Cannotreadproperty'filter'ofundefinedatNextScript.getPolyfillScripts(/web/.next/server/static/XR8-mivDhVLY652oufpE9/pages/_document.js:767:26)12:02:430|
小马哥MM·2022-02-06 02:36

全栈框架应用快速集成 Authing SSO

可用资源NPM包@authing/nextjs：https://github.com/Authing/authing-nextjs@authing/remix：https://github.com/Authing
·2022-01-30 14:38

深入学习SSR , NextJS 一起重构 掘金!

前言逃不开的SSR，大掘金就是使用Nuxt的SSR，本篇文章对SPA单页面应用的的一些SEO痛点进行总结，再简单实现一下掘金PC界面，学习一下Next，冲！所以一位程序员的职业生涯大约十年，只有人寿命的十分之一。前端项目只是你生活工作的一部分，而你却是它的全部，你是他的灵魂。请放下长时间的游戏、工作时的摸鱼。多学习来以最完美的状态好好陪你项目！正文主页讲解单页面加载和SEO问题。掘金PC还有许多功
·2022-01-22 20:20

不想安装环境，我如何与前端工程师远程协作开发？

为了让用户了解并试用项目，她准备用Nextjs这个前端框架搭建一个用户使用手册网站。写文档的时候，她想到了我这个产品经理朋友，希望我能够帮助她一起开发这个网站，提供更好的用户体验。
·2021-12-24 14:22

React、Nextjs中的TS类型过滤原来是这么做的~

大家好，我是零一，相信大家在阅读同事写的代码或者优秀的开源库的代码时，一定见过各种各样的风骚的TS写法，不花点时间下去根本看不懂，换作是我们，可能就直接一个any完事了，但是真正当项目体积变大后，你会发现这些TS骚操作真的很重要，因为它能很好地帮助你做静态类型校验今天就来介绍一个在其它开源库中见到的既花里胡哨，又实用的TS类型——TS类型过滤自我介绍TS类型过滤，英文名（我自己取的）叫Filter
「零一」·2021-12-08 08:47

react版本markdown编辑器md-editor-rt，支持ssr

作者的博客前端内容是使用nextjs开发的，而内容管理又是使用vue开发的，提取编辑文章和内容渲染的功能形成了这个项目。1.预览1.1功能预览快捷插入内容工具栏、编辑器浏览器全屏、页面内全屏
·2021-08-13 17:43

参考文档

跨域设置https://enable-cors.org/React相关https://reactjs.org/https://nextjs.org/https://www.gatsbyjs.org/前端
大地母亲忽悠着你·2021-06-15 12:01

【从零开始NextJS】1）前言

NextJS的最大特点就是服务端渲染（SSR：serversiderender），如果有以下需求可以考虑用NextJS：1、项目是类电商网站需要SEO，Next会返回完整的html页面方便搜索引擎抓取。
吴小思被占用·2021-06-11 03:16

nextjs IE11 对象不支持“attachShadow”属性或方法

报错：SCRIPT438:对象不支持“attachShadow”属性或方法1、package.json//+"@webcomponents/shadydom":"^1.7.4","next-transpile-modules":"^4.0.2",2、next.config.jsconstwithTM=require('next-transpile-modules');//...constorigi
Axiba·2021-06-08 16:38

Eggjs配合Nextjs使用

[TOC]Eggjs-Nextjs先使用Nextjs的脚手架搭建整体架构这里使用npxcreate-next-appmy-next-app安装egg.js我们先进入到项目的根文件夹中(与创建的package.json
ZQD1997·2021-06-06 21:19

nextjs的路由和koa

这边有一点是需要认识到的就是，koa和next之间的结合，正常来说我们在使用nextjs的时候，已经被提供了一个server足以让整个next项目运行期俩，那么为什么我们还要引入koa？
Alec_650e·2021-04-30 06:44

Nextjs版本升级梳理

Nextjs版本升级梳理Nextjsv10内置Image组件实现自动图片优化功能importImagefrom'next/image'图像会自动延迟加载，意味着图像仅在邻近用户观看视口时才进行实际渲染图片尺寸固定
·2021-03-31 21:26
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他