nextjs
nextjs14连接MySQL
第一步 npm install mysql2 第二步新建一个db.js db.js import mysql from "mysql2/promise"; export async function query({ query, values = [] }) { const dbconnection ......
Nextjs SyntaxError: Cannot use import statement outside a module错误
NextJs 报 SyntaxError: Cannot use import statement outside a module 第三方依赖不能导入问题 解决方案: 1,Next.JS13.1+,可以使用next.config.js中的属性transpilePackages const next ......
nextjs运行报错ReferenceError: Request is not defined
安装 npx create-next-app@latest 运行 npm run dev 使用node版本v16.20.1,报错:ReferenceError: Request is not defined 解决方案: 切换node: v18.16.1(npm: v9.5.1) 重新安装项目并运行, ......
NextJS - 使用 next-auth 配置 JWT token
Nextjs 中有很多身份验证选项,例如 Supabase、Firebase、Userbase 等等。 我们将重点关注 NextAuth.js 以及通过凭证提供程序在现有 Django 后端和 Next.js 之间实现 JWT 会话的打字稿。 我们将尽力专注于我们的用例以节省时间,因此我们将省略所有 ......
NextJs 中使用Next-Auth
# NextJs 中使用Next-Auth 本篇讨论的范畴是Azureb2c 做为provider, token的类型是jwt token.我们讨论在Azureb2c 认证完后,由Next-Auth 负责认证的过程。 # Basic Concept - Token 这个就是cookie,它的名字是非 ......
NextJS项目的部署以及多环境的实现
# 背景 开发了个Next项目,将部署过程记录一下。另外由于项目准备了两个服务器分别作为开发自测的开发环境和交付给客户的生产环境使用;因此也介绍一下NextJS项目中多环境的配置。 # 项目结构 ![](https://img2023.cnblogs.com/blog/1943681/202307/ ......
nextjs项目引入vconsole报错处理:ReferenceError: window is not defined
引入文件(nextjs项目): import Vconsole from 'vconsole' 报错: 处理: let Vconsole if (typeof window !== 'undefined') { Vconsole = require('vconsole') } 打开调试: if (t ......
如何使用NextJS设置Tailwind CSS
Tailwind CSS 是一种流行的实用程序优先 CSS 框架,它提供了一种独特的方法来构建现代且响应迅速的用户界面。 与提供预先设计的组件的传统 CSS 框架不同,Tailwind CSS 专注于提供一组全面的实用程序类,您可以直接将这些类应用于 HTML 元素。 当与用于构建服务器端呈现应用程 ......
[NextJS] getStaticProps
Continue ... Ref: Next.js 产品级的 React 框架 - 中文开发入门教学 - 编写静态页面属性 getStaticProps 为了爬虫,所以这么写。 import Head from 'next/head' export default function Home(pro ......