Next.js Tutorials All In One

乌衣书影

Next.js Tutorials All In One

{
  "scripts": {
    "dev": "next dev",
    "start": "next start",
    "build": "next build",
    "export": "next export",
    "lint-auto-fix": "next lint --fix",
    "lint": "next lint"
  },
}

https://nextjs.org/learn/basics/create-nextjs-app

Pages

In Next.js, a page is a React Component exported from a .js, .jsx, .ts, or .tsx file in the pages directory.
Each page is associated with a route based on its file name.

路由映射关系

pages/about.js => /about/

function About() {
  return <div>About</div>
}

export default About

https://nextjs.org/docs/basic-features/pages

refs

https://www.cnblogs.com/xgqfrms/p/14406311.html

https://www.youtube.com/playlist?list=PL4cUxeGkcC9g9gP2onazU5-2M-AzA8eBw

---

---

©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用：只允许注册用户才可以访问！

原创文章，版权所有©️xgqfrms, 禁止转载 🈲️，侵权必究⚠️！

---

本文首发于博客园，作者：xgqfrms，原文链接：https://www.cnblogs.com/xgqfrms/p/16538429.html

未经授权禁止转载，违者必究！

---

来源：https://www.cnblogs.com/xgqfrms/p/16538429.html