nextjs-blog:nextjs.org的Next.js教程

时间:2024-04-03 21:42:36
【文件属性】:

文件名称:nextjs-blog:nextjs.org的Next.js教程

文件大小:112KB

文件格式:ZIP

更新时间:2024-04-03 21:42:36

JavaScript

Next.js研究 设置 克隆git clone git@github.com:johnplayer1982/nextjs-blog.git 安装节点模块: npm install 使用npm run dev运行开发服务器 创建页面 创建页面: 在pages目录中创建一个新的js文件 文件路径成为URL路径 例如/pages/posts/first-post.js转换为URL / posts / first-post 指定头部属性 使用next.js Head组件来指定head属性,例如: 在新页面(js)中 从下一个导入Head组件 import Head from 'next/head' 使用return方法内的组件来指定head属性 <Head> <title>Page title</title> </Head> 添加布局模板 使用组件嵌套定义主布局。 见/compon


【文件预览】:
nextjs-blog-main
----.gitignore(362B)
----components()
--------layout.module.css(393B)
--------layout.js(2KB)
----package.json(287B)
----package-lock.json(156KB)
----public()
--------images()
--------favicon.ico(15KB)
----README.md(1KB)
----styles()
--------utils.module.css(674B)
--------global.css(403B)
----pages()
--------posts()
--------index.js(567B)
--------_app.js(220B)

网友评论