当前位置: 首页 > news >正文

Next.js 学习-1

Next.js学习

引用:https://www.nextjs.cn/learn/basics/create-nextjs-app
在这里插入图片描述
先试试水吧,正好dify用的这个构建的前端项目。

使用

如果您尚未安装 Node.js,请 从此处安装。要求 Node.js 10.13 或更高版本。
好吧得用新的了,记得改淘宝的镜像,旧的不能用了,不然执行nvm list available会报错,如下:
在这里插入图片描述

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/
在这里插入图片描述
开始用的这个:https://www.nextjs.cn/learn/basics/create-nextjs-app/setup,可惜下载失败了,看了下是官网给的例子github的代码删了,最后找官网的例子库找到了这个https://nextjs.org/learn/dashboard-app
https://nextjs.org/learn/dashboard-app/getting-started

记得node得是18.8往上,nvm可以支持多个版本的node下载

npm install -g pnpm
npx create-next-app@latest nextjs-dashboard --example "https://github.com/vercel/next-learn/tree/main/dashboard/starter-example" --use-pnpm
cd nextjs-dashboard
pnpm dev

访问:http://localhost:3000/
就是安装成功了
在这里插入图片描述

在这里插入图片描述

相关文章:

Next.js 学习-1

Next.js学习 引用:https://www.nextjs.cn/learn/basics/create-nextjs-app 先试试水吧,正好dify用的这个构建的前端项目。 使用 如果您尚未安装 Node.js,请 从此处安装。要求 Node.js 10.13 或更高版本。 好吧得用新的了,记得…...

bat命令在b站下载单个音视频

文章目录 单个音频第一行代码第二行代码下载后效果图 单个视频第一行代码第二行代码第三行代码第四行代码第五行代码下载后效果图 单个音视频第一行代码第二行代码第三行代码第四行代码第五行代码第六行代码下载后的效果图 单个音频 chcp 65001 you-get -o D:\Files\pydownloa…...

函数中的形参和实参(吐槽)

def greet_user(user_name):print(f"Hello,{user_name.title()}!")greet_user("zhangsan") 在以上函数中,user_name是形参, 在greet_user("zhangsan")中,值“zhangsan”是实参。这本身没什么大问题。 但是这…...

运维Ansible面试题及参考答案

目录 简述 Ansible 的工作原理,它是如何实现对远程主机管理的? Ansible 是基于什么语言开发的?这门语言的特性对 Ansible 的功能实现有哪些帮助? 解释 Agentless 在 Ansible 中的含义,与基于 Agent 的自动化工具相比,优势体现在哪? Ansible 中的 Inventory 文件是什…...

3、优先级翻转问题

FreeRTOS优先级翻转是当高优先级任务因等待低优先级任务占用的资源(如互斥锁)被阻塞,而中优先级任务趁机执行,导致高优先级任务无法及时运行的调度异常。 场景示例: 任务优先级:存在三个任务,优…...

python 进程池的基本使用

Python 进程池:Pool任务调度实现 在现代计算机系统重,处理器核心数量的增加为并行计算提供了强大的硬件基础。Python的 multiprocessing 模块中的进程池(Pool)机制,为开发者提供了 一个高效且易用的并行处理框架。 通…...

从零开始学 Rust:基本概念——变量、数据类型、函数、控制流

文章目录 Variables and MutabilityShadowing Data TypesScalar TypesCompound Types FunctionsFunction Parameters CommentsControl FlowRepetition with Loops Variables and Mutability fn main() {let mut x 5;println!("The value of x is: {}", x);x 6;pri…...

记录一次SpringMVC的406错误

原生态的406错误 1. 错误起因2. 解决办法解决方式一 检查是否有导入jackson依赖解决方式二 检查web.xml中是否有配置.html 3. 再次测试 1. 错误起因 最近博主准备重新撸一遍SSM以及SpringBoot的源码,于是用原始的SpringMVC写了一个demo,并且用Tomcat进行…...

Github 2025-02-23 php开源项目日报 Top9

根据Github Trendings的统计,今日(2025-02-23统计)共有9个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量PHP项目9JavaScript项目2Shell项目1TypeScript项目1Blade项目1Java项目1ASP项目1Vue项目1Laravel:表达力和优雅的 Web 应用程序框架 创建周期:…...

一、初始爬虫

1.爬虫的相关概念 1.1 什么是爬虫 网络爬虫(又被称为网页蜘蛛,网络机器人)就是模拟浏览器发送网络请求,接收请求响应,一种按照一定的规则,自动地爬取互联网信息的程序。 原则上,只要是浏览器…...

《A++ 敏捷开发》- 16 评审与结对编程

客户:我们的客户以银行为主,他们很注重质量,所以一直很注重评审。他们对需求评审、代码走查等也很赞同,也能找到缺陷,对提升质量有作用。但他们最困惑的是通过设计评审很难发现缺陷。 我:你听说过敏捷的结对…...

jar、war、pom

1. <packaging>jar</packaging> 定义与用途 用途&#xff1a;默认打包类型&#xff0c;生成 JAR 文件&#xff08;Java Archive&#xff09;&#xff0c;适用于普通 Java 应用或库。 场景&#xff1a; 开发工具类库&#xff08;如 commons-lang.jar&#xff09;。…...

WSL2安装过程记录

WSL2安装过程记录 1 先决条件2 安装WSL3 安装Linux4 图形化界面 因为命令安装的时候会直接将linux发行版安装到C盘&#xff0c;对于系统盘容量小和介意不能自定义安装位置的用户来说&#xff0c;非常不友好&#xff0c;所以我这里采用手动安装的方式&#xff0c; 命令安装可以参…...

HTML列表,表格和表单

列表 在 HTML 中&#xff0c;列表&#xff08;List&#xff09;是常见的一种布局方式。列表分为两种类型&#xff1a;有序列表&#xff08;Ordered List&#xff09;和无序列表&#xff08;Unordered List&#xff09;。 无序列表 无序列表&#xff08;Unordered List&#…...

Mysql进阶篇

存储引擎 Mysql体系结构 1). 连接层 最上层是一些客户端和链接服务&#xff0c;包含本地sock 通信和大多数基于客户端/服务端工具实现的类似于TCP/IP的通信。主要完成一些类似于连接处理、授权认证、及相关的安全方案。在该层上引入了线程池的概念&#xff0c;为通过认证安全…...

Spring-JAVA

针对你的问题&#xff08;211本科、Java开发方向&#xff09;&#xff0c;以下是中级Java开发工程师的晋升时间、薪资水平及技术要求的详细说明&#xff0c;结合国内一线/二线城市现状&#xff08;数据基于2023年行业调研&#xff09;&#xff1a; 一、晋升中级开发工程师的时间…...

sql的索引与性能优化相关

之前面试的时候&#xff0c;由于在简历上提到优化sql代码&#xff0c;老是会被问到sql索引和性能优化问题&#xff0c;用这个帖子学习记录一下。 1.为什么要用索引 ------------------------------------------------------------------------------------------------------…...

【Git版本控制器】第四弹——分支管理,合并冲突,--no-ff,git stash

&#x1f381;个人主页&#xff1a;我们的五年 &#x1f50d;系列专栏&#xff1a;Linux网络编程 &#x1f337;追光的人&#xff0c;终会万丈光芒 &#x1f389;欢迎大家点赞&#x1f44d;评论&#x1f4dd;收藏⭐文章 ​ 相关笔记&#xff1a; https://blog.csdn.net/djd…...

Elasticsearch除了用作查找以外,还能可以做什么?

前言 Elasticsearch用于实时数据分析、日志存储、业务智能等。还有日志与监控、多租户和安全性。以及应用场景包括日志分析、公共数据采集、全文搜索、事件数据、数据可视化。处理错误拼写和支持变体&#xff0c;不过这些可能还是属于搜索优化。企业搜索、日志管理、应用监控、…...

Gradio全解11——使用transformers.agents构建Gradio UI(6)

大模型WebUI:Gradio全解11——使用transformers.agents构建Gradio UI(6) 前言本篇摘要11. 使用transformers.agents构建Gradio UI11.6 通过agents构建Gradio UI11.6.1 ChatMessage数据类1. 数据结构2. 例程11.6.2 构建Gradio UI示例1. 代码及运行2. 代码解读参考文献前言 本…...

金融数据自由之路:5分钟用Finnhub Python API构建你的智能交易系统

金融数据自由之路&#xff1a;5分钟用Finnhub Python API构建你的智能交易系统 【免费下载链接】finnhub-python Finnhub Python API Client. Finnhub API provides institutional-grade financial data to investors, fintech startups and investment firms. We support real…...

VMware macOS虚拟机终极解锁指南:Unlocker完整使用教程

VMware macOS虚拟机终极解锁指南&#xff1a;Unlocker完整使用教程 【免费下载链接】unlocker VMware Workstation macOS 项目地址: https://gitcode.com/gh_mirrors/unloc/unlocker 在虚拟化技术日益普及的今天&#xff0c;你是否曾因VMware不支持macOS而苦恼&#xf…...

新手司机必看:直角转弯时,如何利用‘内轮差’原理避免剐蹭(附真实场景图解)

新手司机必看&#xff1a;直角转弯时&#xff0c;如何利用‘内轮差’原理避免剐蹭&#xff08;附真实场景图解&#xff09; 刚拿到驾照的小王最近遇到一件烦心事&#xff1a;在小区狭窄的直角转弯处&#xff0c;明明车头已经顺利通过&#xff0c;车身侧面却和路缘石来了个"…...

Windows服务器IIS部署PHP:FastCGI常见报错排查与修复指南

1. 环境准备与基础配置检查 在Windows Server上部署PHP应用时&#xff0c;IIS与FastCGI的配合就像两个初次见面的陌生人&#xff0c;需要正确的"介绍人"才能顺利沟通。我遇到过太多因为基础环境缺失导致的报错&#xff0c;往往一个简单的复选框就能解决问题。 首先打…...

5分钟快速上手:通达信缠论分析插件完整指南

5分钟快速上手&#xff1a;通达信缠论分析插件完整指南 【免费下载链接】Indicator 通达信缠论可视化分析插件 项目地址: https://gitcode.com/gh_mirrors/ind/Indicator 你是否曾经面对复杂的K线图感到无从下手&#xff1f;是否想要掌握缠论分析却苦于手动画图的繁琐&a…...

【Flink实战指南】基于Table API与SQL Client的Catalog统一管理实践

1. 为什么需要统一管理Catalog&#xff1f; 在Flink的实际应用中&#xff0c;我们经常会遇到这样的场景&#xff1a;数据分散在不同的存储系统中&#xff0c;比如Hive、MySQL、Kafka等。每次操作这些数据时&#xff0c;都需要手动指定对应的连接信息&#xff0c;不仅效率低下&a…...

逆向工程深度实践:Cyberpunk 2077存档编辑器的架构解析与高级应用

逆向工程深度实践&#xff1a;Cyberpunk 2077存档编辑器的架构解析与高级应用 【免费下载链接】CyberpunkSaveEditor A tool to edit Cyberpunk 2077 sav.dat files 项目地址: https://gitcode.com/gh_mirrors/cy/CyberpunkSaveEditor CyberpunkSaveEditor是一款基于逆向…...

Jable视频下载工具:3分钟掌握永久保存高清视频的完整方案

Jable视频下载工具&#xff1a;3分钟掌握永久保存高清视频的完整方案 【免费下载链接】jable-download 方便下载jable的小工具 项目地址: https://gitcode.com/gh_mirrors/ja/jable-download 你是否曾经遇到过这样的情况&#xff1a;精心收藏的Jable.tv视频突然无法访问…...

Spring Boot Alibaba(三)----Sentinel

服务容错保护-Sentinel 一、 Sentinel 是个啥&#xff1f;为什么要用它&#xff1f; 1. 灵魂拷问&#xff1a;为什么要用&#xff1f; 想象一下这个场景&#xff1a; 上游服务&#xff08;大哥&#xff09;疯狂调用你的服务&#xff08;小弟&#xff09;&#xff0c;你的服务又…...

Yelp 推全新 AI 助手,一次对话搞定餐厅预订、外卖订购等复杂任务!

Yelp 全新 AI 助手&#xff1a;一次对话搞定生活服务Yelp 正在推出一款全新的 AI 助手&#xff0c;用户无需阅读大量餐厅评论&#xff0c;也不用自己预订餐位&#xff0c;只需通过一次对话提问&#xff0c;就能安排相关服务。这款助手适用于 Yelp 上的所有类别&#xff0c;在 i…...