## 创建项目

```sh
# 安装next及react
npm install --save next react react-dom
# 安装项目构建工具
npm install -g create-next-app
# 创建项目，会自动生成books文件夹
npx create-next-app books
```



## 启动项目

- 进入创建的`books`文件夹（放置源码的文件夹），执行命令

```sh
# 编译
npm run build
# 启动
npm run start
```

- 输出

```sh

> books@0.1.0 start
> next start

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
```

- 浏览器访问

![image-20221102162749872](https://images.oldmoon.top/images/dingdangdog/dingdangdog-1677054214.png)

## 赞助

 **建站不易，以下是一个广告，还请动动您的小拇指，点击一次以示鼓励，谢谢！**


<div class="article-ads"></div>

> 就目前的访问量，即便每个访客都点一次广告，收入也不足以支付运营成本，`如果看不到广告，可能是网络原因或被拦截了，那就无所谓了~`

Nextjs构建基础前端项目框架

twitter:card

twitter:title

https://images.oldmoon.top/images/dingdangdog/oldmoon.png

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

目录

创建项目

启动项目

赞助