关于Nextjs 创建Nextjs项目 新建并访问一个新页面

Next.js的团队背景

开发团队是zeit, 后改名为vercel

• 核心团队成员平均年龄20岁
• 拥有star数，zeit是Github组织的前20
• 全员远程工作

官网 https://www.nextjs.cn

关于 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