Nextjs

NextJS开发：Prisma数据库多表关联查询，使用include替代left join

Prisma中的多表关联查询实例1、schema.prisma中定义模型modelAccount{@@map("account")accountIdInt@id@default(autoincrement())@map("account_id")[email protected](32)@map("nick_name")[email protected](128)mobi
芝士思维·2023-11-27 21:06

NextJS开发：Prisma数据库事务处理

Prisma是一个开源的ORM库，用于在Node.js和TypeScript中访问数据库。它可以轻松地将数据库模式转换为GraphQLAPI，并提供查询和变更解析器。Prisma支持多个数据库，包括PostgreSQL，MySQL，SQLite和SQLServer。Prisma使用数据模型定义和可重用模块的概念来帮助开发者快速建设可扩展、可维护的应用程序。它还提供了数据实时更新和订阅的功能，使得应
芝士思维·2023-11-27 21:05

nextjs 中使用Prisma开发接口

prisma是什么Prisma是一个开源的数据库工具链项目，帮助开发人员更快地构建应用程序并减少错误，支持PostgreSQL、MySQL、MongoDB、SQLServer和SQLite。感兴趣的可以去这里查看=》中文网站Prisma主要是用作连接数据库的并支持TS的自动补全在项目中使用主要有三个步骤安装npminstallprisma初始化npxprismainit初始化会生成prisma文件
donghe587·2023-11-27 21:59

NextJS开发：Prisma开启SQL日志输出

在Prisma中打印执行的SQL可以通过在PrismaClient实例上设置log配置参数来实现。具体步骤如下：在你的Prisma项目根目录中，找到prisma/schema.prisma文件在datasource块中，找到你正在使用的数据库配置，并添加provider="postgresql"和enabled=true属性datasourcedb{provider="postgresql"url
芝士思维·2023-11-27 21:28

首页以卡片形式来展示区块链列表数据（Web3项目一实战之五）

很显然，对于出现跨域这类常见问题，您只要在搜索引擎敲上reactjs跨域、vue跨域、nextjs跨域等诸如此类关键字，不一会，搜索引擎为您罗列出了一大堆关
甄齐才·2023-11-27 03:26

Nextjs13基础及Antd的使用

Nextjs介绍nextjs是一个服务器端渲染框架官网地址https://nextjs.org创建项目nextjs-learningnpxcreate-next-app@latestnextjs-learning
GalenZhang888·2023-11-24 20:16

NextJS开发：解决React Hook useEffect has a missing dependency

NextJS编译出现如下错误,原因是在使用useEffect时，当我们将函数的声明放在useEffect函数外面时或者使用useState定义的历史变量,会报警告Warning:ReactHookuseEffecthasamissingdependency
芝士思维·2023-11-22 10:12

nextjs12支持less

nextjs12支持less配置可行的方法：方法2：1）安装依赖npminstallnext-plugin-antd-less2）在next.config.js中加配置constwithAntdLess
qq_43436008·2023-11-21 15:38

Nextjs13报错Unhandled Runtime ErrorError: React.Children.only expected to receive a single React elem

报错UnhandledRuntimeErrorError:React.Children.onlyexpectedtoreceiveasingleReactelementchild.发现是这样的{item.review_cnt}Link里面不能2个分的标签换成这样就行了{item.review_cnt}{this.state.data.category_name}这样也行Link里面不能直接包含文字
lllomh·2023-11-20 18:24

nextjs13 中点击传 dom 给函数写法

nextjs13中点击传dom给函数写法传当前的元素重点是currentTarget.如果直接使用target会传当前元素里面的元素f_nav(event.currentTarget)}>
lllomh·2023-11-20 18:23

nextjs项目修改启动端口号，以及开发启动后自动打开浏览器

next版本：13.5.4一、修改端口在package.json文件当中修改启动命令"scripts":{"dev":"nextdev-p3100","build":"nextbuild","start":"nextstart","lint":"nextlint"},这样以来就会以端口3100进行启动。二、开发启动自动开发浏览器还是在package.json文件当中修改启动命令，并添加启动打开的地
任磊abc·2023-11-20 05:06

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

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

NextJS工程部署到阿里云linux Ecs

nextjs项目有多种部署方式，本文介绍最简单的一种方式，将源码上传到云服务器，编译后使用pm2后台运行nextjs工程。
芝士思维·2023-11-16 06:40

NextJS开发：shadcn/ui中Button组件扩展增加图标

shadcn/ui组件比较灵活，但是功能相比ant之类组件还是缺少太多功能，本文为shadcn/ui为button组件增加图标，加载中动画等效果。安装LucidenpminstalllucideLucide组件import{cn}from'@/lib/utils';import{icons}from'lucide-react';constLcIcon=({name,color,size,class
芝士思维·2023-11-16 06:28

Linux系统中查看NextJS程序的CPU、内存占用情况

查看端口占用，工程中使用的3000netstat-nultp查看进程名、进程IDtcp600:::3000:::*LISTEN1094059/next-router使用PS命令psaux|grepnext-router显示结果USERPID%CPU%MEMVSZRSSTTYSTATSTARTTIMECOMMANDUSER:显示每个进程所属的用户。PID:进程的唯一标识符（ProcessID）。%C
芝士思维·2023-11-15 16:33

NextJS判断当前执行代码段是在服务端组件还是客户端组件

NextJS中定义的函数，可能会存在同时被服务器端组件和客户端组件同时使用的场景，如下代码可以区分当前执行代码所在场景。
芝士思维·2023-11-13 06:35

NextJS开发：使用winston记录日志

NextJs中如果使用RouteHandlers来编写RestfulAPI接口，可以使用winston来将日志存储到文件。
芝士思维·2023-11-13 06:35

NextJS开发：使用IconPark、Lucide图标库

IconPark、Lucide两个很不错的图标库，如果需要用到微信、阿里等国内logo可以使用IconPark，Lucide中没有包含这些内容。安装IconParknpminstall@icon-park/react--save简单使用import{Home}from'@icon-park/react';封装一下，避免每个页面导入，更换图标库也更方便import{Home}from'@icon-p
芝士思维·2023-11-13 06:26

react调用api等待返回结果_use SWR为什么能成为我的最爱React库？

全文共2355字，预计学习时长12分钟图源：unsplash在过去的几个月里，我一直在开发NextJS应用程序。
weixin_39748183·2023-11-09 11:41

use SWR为什么能成为我的最爱React库？

全文共2355字，预计学习时长12分钟图源：unsplash在过去的几个月里，我一直在开发NextJS应用程序。
「已注销」·2023-11-09 11:32

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
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他