手动创建支持SEO的React神级Next前端框架学习

2022-12-25 15:15:00
pjd
原创 220
摘要:支持SEO的神级SPA框架

1、初始化项目

npm init #绑定仓库

2、yarn安装依赖包


yarn add react react-dom next



3、npm安装依赖包

npm install --save react react-dom nex


4、package.json配置项,添加dev  build start

 如下:


"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev":"next",
    "build":"next build",
    "start":"next start"
  },


5、手动在项目目录下创建pages文件夹并创建index.js文件


6、Index.js文件中写入代码


function Index(){
	return (
		<div>Hello Next.Js</div>
	)
}
export default Index


7、命令行启动项目

yarn dev #启动项目开发服务并浏览器中查看url: http://localhost:3000
npm run dev #npm方式启动开发项目服务器