This is a Next.js project bootstrapped with create-next-app.
Image 组件使用：components/home-page/hero.js
为什么pages/index.js pages/posts/index pages/posts/[slug].js 使用 静态渲染：getStaticProps 而没有使用 动态渲染：getServerSideProps
同样，为此，我将使用 getStaticProps。
所以我将导出一个函数 getStaticProps
在这里获取我的帖子。
同样，getServerSideProps 对我来说毫无意义
因为我们不想获取所有的帖子
对于每个请求。
这对性能来说并不是那么好。
相反，在构建过程中执行一次
应该足够了。
如果我们之后更新我们的文件
我们想反映这些变化，
我们只需要重建和重新部署
但我们可能不会每天多次这样做。
如果我们添加新帖子，
因为它是整个项目文件夹的一部分，
无论如何，我们都需要重新部署。
所以这也不会是一个问题。
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.