nextjs

next.js+react+typescript+antd+antd-mobile+axios+redux+sass react服务端渲染构建项目，从构建到发布，兼容pc+移动端

https://ant.design/components/overview-cn/antd-mobile官网：https://mobile.ant.design/zhnext.js:https://www.nextjs.cn
局外人LZ·2023-11-08 19:59

独立开发者学习的技术栈

#前端语言-HTML-CSS/Sass/PostCSS-JavaScript/TypeScriptJS框架-Vue-NuxtJS-React-NextJS-RemixJSCSS框架-Tailwindcss-Bulma
ejinxian·2023-11-08 11:25

为什么我不使用 Next.js？

原文链接：https://www.epicweb.dev/why-i-wont-use-nextjs?
CSDN资讯·2023-11-02 10:02

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

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

nextjs引入tailwindcss 、antd、sass

nextjs之旅文章目录nextjs之旅前言一、Whytailwindcss？
@LitterFisher·2023-10-29 12:35

next 自定义_app 和 _document

目的：因为nextjs里面是直接没有index.js，有时候我们需要整个项目遵循一个layout或者是一个link(比如tailwind)，那么这个时候，_app和_document的真正的意义才会开始存在为什么自定义
Alec_650e·2023-10-21 22:26

next build 报错Type error: ‘wid‘ is possibly ‘undefined‘.

当在nextjs中使用jq的时候报错ypeerror:'wid'ispossibly'undefined'.13|$(window).on('load',function(){14|varwid=$(window
lllomh·2023-10-17 20:53

React 中报Type error: Could not find a declaration file for module ‘qs‘.(已解决)

ts项目引入qs比如nextjs或者reactjsnpminstall--save-dev@types/qs确保你的tsconfig.json文件中有以下设置{  "compilerOptions":{
lllomh·2023-10-17 20:46

【10分钟】为你的SaaS实现登录

技术栈：nextjs+tailwindcss初始
懒编程-二两·2023-10-16 07:23

Nextjs中文文档

Next.js中文站点nextjs.frontendx.cnNext.js中文站Githubgithub.com/raoenhui/ne…当前翻译版本为7.0.0-canary.8。
weixin_34238642·2023-10-12 20:33

Nextjs中文文档 + scss nextjs配置

每个项目产品都要加埋点，加500行埋点是不是会占用你一两天的时间而且很容易犯错,想只用一小时准确加完这500行埋点剩下一天喝茶聊天么？来试试这520工具,高效加埋点，目前我们公司100号前端都在用，因为很好用，所以很自然普及开来了，推荐给大家吧http://www.520webtool.com/自己开发所以免费，埋点越多越能节约时间，点两下埋点就加上了，还不会犯错，里面有使用视频，反正免费Next
飞翔的熊blabla·2023-10-12 20:02

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

一、创建一个next项目使用create-next-app来启动一个新的Next.js应用，它会自动为你设置好一切运行命令:npxcreate-next-app@latest执行结果如下：启动项目：pnpmdev执行结果：启动成功！二、安装MaterialUI依赖根据MaterialUI官网介绍，截至2021年底，样式组件与服务器渲染的材质UI项目不兼容。这是因为babel-plugin风格的组件
任磊abc·2023-10-12 20:58

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

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

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

最后完成了一个简易的博客系统，代码地址:https://github.com/Maricaya/nextjs-blog预览地址：http://121.36.50.175/不得不说SSR真香，几乎
傲娇的koala·2023-10-05 05:54

使用Class二次封装sequelize （nodejs、next、nuxt操作数据库）

一、前言最近是在做NextJS全栈，避免不了去操作数据库。sequelize是一个NodeJS操作数据的ORM框架，可以有效避免原生SQL语句导致的SQL注入漏洞。
l煎饼果子·2023-10-03 00:15

notion + nextjs搭建博客

SaaS可以通过博客来获得SEO流量，之前我自己在nextjs上，基于MarkDown+Cloudfare来构建博客，很快我就了解到更优雅的方案：notion+nextjs搭建博客，之前搭建了过，没有记录
懒编程-二两·2023-10-01 23:56

Next Js 服务端渲染实战

Nextjs实战开发中遇到的一些问题1.部署类1.1静态资源CDN目录1.2Node服务的进程守护1.3自定义服务器1.4多环境部署2.开发类2.1session用户信息持久化2.2配合Redux使用3
Ctrus·2023-09-28 09:09

使用CloundFlare R2来构建图床

我利用Nextjs构建好了博客系统，可以使用Markdown在上面发送文章，我希望文章中可以有图片，从而让内容更加丰富，此时就需要图床了（即专门用来放图片的服务），搞过自己博客的同学应该不陌生。
懒编程-二两·2023-09-26 12:28

NextJS 引入 Ant-Design 样式闪烁问题

按照这里给的样例，抽出关键代码即可步骤：安装包：npmi@ant-design/static-style-extract引入这俩文件genAntdCss.tsx:会帮我们生成./public/antd.min.css//src/scripts/genAntdCss.tsximport{extractStyle}from"@ant-design/static-style-extract";impor
Dreamy_lin·2023-09-25 00:38

React -- nextjs src/pages里的文件在浏览器显示404

出现的问题解决方案next.config.js/**@type{import('next').NextConfig}*/constnextConfig={trailingSlash:true}module.exports=nextConfig
迷阵·2023-09-21 10:41

nextJS@10.2.2 引入antd 按需加载报错

yarnaddwebpack@webpack-4在.babelrc引入"plugins":[["import",{"libraryName":"antd",//true的时候才会编译less"style":true}],修改在next.config.jswithCSS({//添加cssModules:true,cssLoaderOptions:{importLoaders:1,localIdent
殇城阡陌·2023-09-19 11:28

github克隆下载完整项目代码、某个文件夹、单个文件

克隆完整仓库 克隆某一仓库，以此https://github.com/ultralytics/yolov5为例 克隆完整仓库：[email protected]:BolajiAyodeji/nextjs-blog.git
小雅之堂·2023-09-17 21:35

nextjs进阶

nextjs自定义app.js作用：固定layout保持一些公用的状态给页面传入一些自定义数据自定义错误处理nextjs自定义document.js用途：只有在服务端渲染的时候才会被调用，用来修改服务器渲染的文档内容
weyde·2023-09-06 20:34

Nextjs: react/no-unknown-property

video中并没有x5-playsinlinewebkit-playsinlinex5-video-player-typex5-video-player-fullscreen属性，nextbuild&&nextexport会报错react/no-unknown-property解决办法:配置eslint忽略属性.eslintrc.json{"extends":"next/core-web-vita
精神病患者link常·2023-09-03 01:53

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

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

Nextjs脚手架搭建

Next介绍Next.js是一个React框架，支持CSR、SSR、SSG、ISR(IncrementalStaticRegeneration)等渲染模式。Next.js提供了创建Web应用程序的构建块，比如：用户界面、路由、数据获取、渲染模式、后端服务等等Next.js不但处理React所需的工具和配置，还提供额外的功能和优化，比如：UI构建，CSR、SSR、SSG、ISR渲染模式，Routin
阿泽不会飞·2023-08-29 14:25

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

使用Nextjs快速开发全栈导航网站-知乎目录收起初始化项目数据库集成定义模型表同步插入和查询数据用户认证NextAuth*GitHub*Google创建API路由部署总结背景随着ChatGPT的火热，
javastart·2023-08-27 07:34

NextJS配置国际化，使用TS约束类型

下载next-i18next依赖，配置NextJS国际化。
Poppy11·2023-08-26 23:42

next.js 创建 react ant design ts 项目

笔者使用的node版本是16.20.1，不要使用16.13.0，笔者在使用node16.13.0环境时创建的react项目点击事件无效next.js官网截图next.js官网：https://nextjs.org
悟世君子·2023-08-24 11:32

Nextjs部署(pm2)

配置package.json"scripts":{"build":"nextbuild","start":"nextstart",}服务器安装node并配置安装步骤省略…配置（/usr/local/node为node的安装目录）ln-s/usr/local/node/bin/npm/usr/local/bin/ln-s/usr/local/node/bin/npx/usr/local/bin/ln
键盘上行走的猿·2023-08-22 11:41

react 全栈概念学习

学习内容1.NextJS—r
Chatwei·2023-08-18 23:18

NextJs - Error Handling （错误处理）

Error.js的作用使用error.js文件规则，可以优雅地处理嵌套路由中的意外运行时错误。在ReactErrorBoundary中自动封装路由段及其嵌套子段。使用文件系统层次结构来调整粒度，为特定网段量身定制错误UI。将错误隔离到受影响的网段，同时保持应用程序其他部分的功能。添加功能，尝试在不重新加载整个页面的情况下从错误中恢复。通过在路由段内添加error.js文件并导出React组件来创建
莓莓儿～·2023-08-18 18:10

NextJs - Middleware(中间件)

中间件允许您在请求完成之前运行代码。然后，根据传入的请求，您可以通过重写、重定向、修改请求或响应标头或直接响应来修改响应。中间件在缓存内容和路由匹配之前运行。使用规则使用项目根目录中的文件middleware.ts（或.js）来定义中间件。例如，与页面或应用程序处于同一级别，或者在src内部（如果适用）。//middleware.tsimport{NextResponse}from'next/se
莓莓儿～·2023-08-18 18:39

探索Next.js 13.4版本的升级与优化

原文地址：https://nextjs.org/blog/next-13-4Next.js13.4是Next.js的一个基础版本发布，标志着应用AppRouter的稳定性。
汽车之家客户端前端团队·2023-08-18 18:08

nextjs 导出静态文件，刷新404？

以前的spa单页面的nginx配置try_files$uri/index.html;仔细看打包出来的dist目录，发现每个路由都生成了对应的*.html文件。所以修改nginxnginx配置如下：location/{#将以.html结尾的请求添加Cache-Control头信息if($uri~*\.(html)$){add_headerCache-Control"private,no-store,
·2023-08-18 16:03

nextjs中使用image图片

使用nextjs的组件：importImagefrom"next/image";加入允许跨域：在next.config.js中加入constnextConfig={images:{domains:["images.doc.ceo
姚*鸿的博客·2023-08-13 15:04

使用next.js编写TodoList(连接了数据库)(提供源码)

准备安装next可以查看nextjs入门使用_姚*鸿的博客的博客-CSDN博客安装Prisma可以查看使用Prisma访问数据库_姚*鸿的博客的博客-CSDN博客确保你前面两个步骤做完。
姚*鸿的博客·2023-08-12 15:58

Unhandled Runtime ErrorError: Event handlers cannot be passed to Client Component props. ＜input id=

nextjs出现UnhandledRuntimeErrorError:EventhandlerscannotbepassedtoClientComponentprops.
姚*鸿的博客·2023-08-11 02:23

Tailwind css优于Bootstrap 7个原因

如果与NextJS和类似框架一起使用，Tailwind将生成显着较低的css占用空
解道Jdon·2023-08-07 07:55

Nextjs12结合TypeScript+Mobx6+antd+less初体验

Next.js是什么Next.js是一个轻量级的React服务端渲染应用框架。它支持多种渲染方式：客户端渲染、静态页面生成、服务端渲染。使用Next.js实现SSR是一件很简单的事，我们完全可以不用自己去写webpack等配置，Next.js都帮我们做好了。为什么要使用TypeScript通过静态类型检测可以尽早检测出程序中隐藏的的逻辑错误，对于JavaScript动态的弱类型语言，虽然灵活性高，
猿小莫·2023-08-05 18:31

Next.js

文章目录关于Next.js关于Next.jsNext.js:TheReactFrameworkfortheWeb官网：https://nextjs.org/教程Next.JS极简教程https://www.bilibili.com
伊织code·2023-07-28 05:42

【从零开始NextJS】3)配置eslint与gitignore

1/安装eslintts-eslintnpmi--save-deveslint@typescript-eslint/parser@typescript-eslint/eslint-plugin2/配置eslintconfig根目录下新建.eslintrc.jsmodule.exports={root:true,parser:'@typescript-eslint/parser',plugins:[
吴小思被占用·2023-07-26 02:10

react当我们有两个完全不相关的组件想要通信时，就可以利用这种模式，其中一个组件负责订阅某个消息，而另一个元素则负责发送这个消息。使用Context配合

在nextjs项目中，发现两个组件没啥关系，例如一个是一直存在的头部组件，另一个是页面中的组件，当我点击头部组件中的特定按钮时，把数据传递到页面组件中，页面组件接受到canshu数据后在做其他操作，那么他们两个如何通讯
D浩DzD·2023-07-25 13:21

Nextjs 中使用Jquery JS脚本加载

1、页面中引入importScriptfrom"next/script";2、引入你放在public目录下的JS代码$("#xxml").css("color","red").css("font-size","20px");注意strategy属性会影响JS脚本的加载顺序，确保JQuery脚本先加载，更多介绍见官方文档：基本特性:ScriptOptimization|Next.js|Next.js
Dragon Wu·2023-07-25 02:24

Nextjs 配置使用antd

Next.js中不能直接使用css，需要自己安装插件。插件安装yarnadd@zeit/next-cssantdbabel-plugin-import配置文件的写入next.config.jsconstwithCss=require('@zeit/next-css')if(typeofrequire!=='undefined'){require.extensions['.css']=file=>{
weyde·2023-07-21 05:46

React to NextJS Step by Step guide

https://selleo.com/blog/why-and-how-to-migrate-a-react-application-to-next-jsclient-sideroutingisoptimizedwithprefetching1.CreateaNextapp2.recreateyourroutescreateyourroutestructureusingfoldersandfile
zJanetHK·2023-07-20 05:16

Next.js框架入门笔记

内置组件‘pages/_document.js’文件，自定义documentDOC：https://www.nextjs.cn/docs/advanced-features/custom-document
只会写Bug的程序员·2023-07-15 06:25

【前端路由原理--原生JS实现方式】--前后端路由的区别、关于单页面应用与多页面应用、什么是CSR、SSR、SSG、ISP

在了解到前端路之后又发现单页面于应用与多页面应用的不同之处，以及.nextjs数据抓取选择CSR、SSR、SSG、ISP不同形式也是有区别的。
UiNMX_唐·2023-07-14 22:42

Nextjs 的 App Router 路由模式核心概念简介

NextjsAppRouter简介Next.js13引入了新的应用路由器，它建立在服务端组件之上，支持布局、嵌套路由、加载状态、错误处理等等。本文将介绍AppRouter新路由模型的基本概念。术语树(Tree):一种用于可视化的层次结构。例如，包含父组件和子组件的组件树，文件夹结构等。子树(Subtree):树的一部分，从新的根节点（第一个）开始，到叶子节点（最后一个）结束。根节点(Root):树
AaronZZH·2023-07-13 16:24

关于对前端体系的思考与总结

做过ssr（nextjs），seo优化等等。完全没用过vue，或者其他的框架。今年跟着人一起出来做东西，大佬说让用vue做后台，我本来不大愿意，但是大佬张嘴了，那就搞吧。
JiangHaoFunc·2023-06-21 19:11
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他