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

在这里插入图片描述

http://www.dtcms.com/a/32107.html

相关文章:

  • 深入解析过滤器模式:数据筛选与处理的高效工具
  • 我们来学人工智能 -- 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」更快的使用方法!
  • DeepSeek系列模型概览
  • 个人测试面经总结二
  • 黄金市场现状与驱动因素分析
  • 在WPS中设置word的页码不从第一页开始,从指定页开始插入页码
  • 链表_删除链表的倒数第N个节点
  • C# 将非托管Dll嵌入exe中(一种实现方法)
  • 【ICPC】【2021沈阳站】String Problem(Lyndon分解)
  • linux串口通讯
  • 周末总结(2024/02/22)
  • SpringBoot+SseEmitter实现SSE实时推送