当前位置: 首页 > 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/
就是安装成功了
在这里插入图片描述

在这里插入图片描述

相关文章:

  • 深入解析过滤器模式:数据筛选与处理的高效工具
  • 我们来学人工智能 -- DeepSeek客户端
  • 一文读懂大模型文件后缀名,解锁 AI 世界的密码
  • 【部署优化篇十四】【十万字全景拆解:GitHub Actions自动化流水线设计圣经(DeepSeek工业级实践大公开)】
  • [通俗易懂C++]:指针和const
  • 2025前端框架最新组件解析与实战技巧:Vue与React的革新之路
  • Nuxt配置、环境覆盖、vue组件配置+Animate.css开发文档及元素用法详解
  • AI: IDE Trae创新探讨与Cursor的对比分析
  • Transceivers Wizard IP核
  • Windows和Linux下,通过C++实现获取蓝牙版本号
  • 3D Gaussian Splatting 数学原理与推导
  • 昇腾910B部署满血DeepSeek-R1(可推理版)
  • 国产编辑器EverEdit - 洞察秋毫!内置文件比较功能!
  • 复古怀旧绿色调电影摄影照片调色Lightroom预设 Cinematic Green – Desktop and Mobile Presets
  • 【好玩的工具和命令】 ASCII 艺术生成工具: figlet
  • 041集——选取若干点生成三角网(CAD—C#二次开发入门)
  • 分发糖果(力扣135)
  • Linux 内核 RDMA CM 模块分析:drivers/infiniband/core/cma.c
  • Linux 性能更好的ftp客户端 lftp 使用详解
  • 我找到了「Windows」更快的使用方法!
  • 首次带人形机器人走科技节红毯,傅利叶顾捷:机器人行业没包袱,很多事都能从零开始
  • 巴菲特最新调仓:一季度大幅抛售银行股,再现保密仓位
  • 中国恒大披露清盘进展:要求债权人提交债权证明表
  • 租车订单时隔7年从花呗免密扣费?“GoFun出行”引质疑
  • 中央宣传部、全国妇联联合发布2025年“最美家庭”
  • 3年多来俄乌要首次直接对话?能谈得拢吗?