2024年3月31日
title: Next.js学习系列:创建Next.js应用2 author: 知识铺 date: 2022-02-25 15:19:10+08:00 tags: [Nextjs] 设置 首先,让我们确保您的开发环境已准备就绪。 如果您没有安装 Node.js,请从此处安装它。您需要 Node.js版本 10.13 或更高版本。 在本教程中,你将使用自己的文本编辑器和终端应用。 如果您使用的是 Windows,我们建……
阅读全文
2024年3月31日
title: Next.js学习系列:创建Next.js应用3 author: 知识铺 date: 2022-02-25 15:22:36+08:00 tags: [Nextjs] 欢迎来到 Next.js 当您访问 http://localhost:3000 时,您应该会看到这样的页面。这是初学者模板页面,其中显示了有关Next.js的一些有用信息。 **可获得帮助:**如果您遇到困难,可以在GitHub讨论中联系社区。 让我们尝试接下来编辑此页面!……
阅读全文
2024年3月31日
title: Next.js学习系列:创建Next.js应用4 author: 知识铺 date: 2022-02-25 15:26:03+08:00 tags: [Nextjs] 编辑页面 让我们尝试编辑初学者页面。 确保 Next.js 开发服务器仍在运行。 使用文本编辑器打开。pages/index.js 找到标签下显示**“欢迎加入”的文本,并将其更改为“学习&rdquo……
阅读全文
2024年3月31日
title: Next.js学习系列:在页面之间导航 author: 知识铺 date: 2022-02-25 15:33:00+08:00 tags: [Nextjs] 到目前为止,我们创建的Next.js应用只有一个页面。网站和Web应用程序通常具有许多不同的页面。 让我们探讨一下如何向应用程序添加更多页面。 您将在本课中学到什么 在本课中,您将: 使用集成文件系统路由创建新页面。 了解如何使用链……
阅读全文
2024年3月31日
title: Next.js学习系列:在页面之间导航 author: 知识铺 date: 2022-02-25 15:38:11+08:00 tags: [Nextjs] 到目前为止,我们创建的Next.js应用只有一个页面。网站和Web应用程序通常具有许多不同的页面。 让我们探讨一下如何向应用程序添加更多页面。 您将在本课中学到什么 在本课中,您将: 使用集成文件系统路由创建新页面。 了解如何使用链……
阅读全文
2024年3月31日
title: Next.js学习系列:在页面之间导航2 author: 知识铺 date: 2022-02-25 15:40:57+08:00 tags: [Nextjs] **如果要继续上一课,**可以跳过此页面。单击下面的按钮转到下一页。 下载入门代码(可选) 如果您不打算继续上一课,可以在下面下载、安装和运行本课程的入门代码。这将设置一个目录,使其与上一课的结果相同。nextjs-blog……
阅读全文
2024年3月31日
title: Next.js学习系列:在页面之间导航3 author: 知识铺 date: 2022-02-25 15:45:29+08:00 tags: [Nextjs] 链接组件 在网站上的页面之间链接时,请使用 HTML 标记。<a> 在"Next.js"中,使用"来自下一个组件/链接“来包装标记。 允许您执行客户端导航到应用程序中的其他页面。Li……
阅读全文
2024年3月31日
title: Next.js学习系列:在页面之间导航4 author: 知识铺 date: 2022-02-25 16:21:47+08:00 tags: [Nextjs] 客户端导航 "链接“组件支持在同一 Next.js 应用中的两个页面之间进行客户端导航。 客户端导航意味着_使用JavaScript_进行页面转换,这比浏览器完成的默认导航更快。 以下是验证它的简单方法: 使用浏览器的开发……
阅读全文
2024年3月31日
title: Next.js学习系列:资源、metadata和 CSS author: 知识铺 date: 2022-02-28 09:07:03+08:00 tags: [Nextjs] 我们添加的第二个页面当前没有样式。让我们添加一些 CSS 来设置页面样式。 Next.js内置了对 CSS 和 Sass 的支持。在本课程中,我们将使用 CSS。 本 节 课 还将 讨论 Next.js 如何处理静态资产(如图像)和页面metadata(如标记)。&……
阅读全文
2024年3月31日
title: Next.js学习系列:资源、metadata和 CSS 2 author: 知识铺 date: 2022-02-28 09:12:49+08:00 tags: [Nextjs] 下载入门代码(可选) 如果您不打算继续上一课,可以在下面下载、安装和运行本课程的入门代码。这将设置一个目录,使其与上一课的结果相同。nextjs-blog 同样,如果您刚刚完成上一课,则不需要这样做。 npx create-next-app nextjs-blog –use-npm –example “https://github.com/vercel/next-learn/tree/master/basics/assets-metadata-css-starter"……
阅读全文