【文件属性】:
文件名称:nextjs-blog:nextjs.org的Next.js教程
文件大小:112KB
文件格式:ZIP
更新时间:2021-03-15 03:55:56
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)