关于Nextjs 创建Nextjs项目 新建并访问一个新页面
Next.js的团队背景
开发团队是zeit, 后改名为vercel
- 核心团队成员平均年龄20岁
- 拥有star数,zeit是Github组织的前20
- 全员远程工作
关于 Nextjs
Nodejs全栈框架
- css-in-js
- 页面预渲染+ssr
- 前后端同构
- Nodejs 10.13 +
- 支持React
- 支持TypeScript
缺点
没有数据库功能,自行搭配TypeORM
没有测试支持,可自行搭建Jest
First Next Program
创建项目
npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
启动项目
cd nextjs-blog && npm run dev
自定义一个页面
nextjs-blog/pages/first-page.js
import React from "react";
export default function comp(){
return <div>first page</div>
}
访问http://localhost:3000/first-page