NextJS-01

发表于 分类于 本文字数： 174 阅读时长 ≈ 1 分钟
none

介绍

Next.js 是一个基于 React 的前端框架，用于构建 React 应用程序。

Next.js 是一个轻量级的 React 框架，它提供了很多有用的功能，如代码分割、预渲染、静态导出等。

Step First app

创建一个新的 Next.js 应用程序

1
2
3
npx create-next-app@latest

npm run dev

  • awesome page

在 app 目录下创建一个新的文件 awesome/page.js，并添加以下代码：

1
2
3
4
5
6
7
export default function AwesomePage() {
  return (
    <main>
      <h1>Awesome Page</h1>
    </main>
  );
}

回到浏览器，打开 http://localhost:3000/awesome ，你将看到一个新的页面。

review React

1
2
3
4
5
npm create vite

npm install

npm run dev

打开 src/App.jsx 文件，添加以下代码：

1
2
3
4
5
6
7
8
9
10
function App() {

  return (
    <div>
      <h1>Hello, World!</h1>
    </div>
  );
}

export default App;