Next.js学习系列:创建Next.js应用
要使用 React 从头开始构建一个完整的 Web 应用程序,您需要考虑许多重要的细节:
- 代码必须使用像webpack这样的捆绑器捆绑在一起,并使用像Babel这样的编译器进行转换。
- 您需要执行生产优化,例如代码拆分。
- 您可能希望静态预呈现某些页面以提高性能和 SEO。您可能还希望使用服务器端呈现或客户端呈现。
- 您可能需要编写一些服务器端代码才能将 React 应用连接到数据存储。
_框架_可以解决这些问题。但是这样的框架必须具有正确的抽象级别 - 否则它不会非常有用。它还需要具有出色的"开发人员体验",确保您和您的团队在编写代码时获得出色的体验。
Next.js: React 框架
输入 Next.js,React Framework。接下来.js为上述所有问题提供了解决方案。但更重要的是,它使您和您的团队在构建 React 应用程序时陷入了成功的深渊。
接下来.js旨在拥有一流的开发人员体验和许多内置功能,例如:
- 直观的基于页面的路由系统(支持动态路由))
- 预呈现时,静态生成 (SSG) 和服务器端呈现 (SSR) 都基于每页受支持
- 自动代码拆分,可加快页面加载速度
- 具有优化预取功能的客户端路由
- 内置 CSS 和 Sass 支持,并支持任何 CSS-in-JS 库
- 支持快速刷新的开发环境
- 用于使用无服务器函数构建 API 端点的 API 路由
- 完全可扩展
接下来.js用于数以万计的面向生产的网站和Web应用程序,其中包括许多世界上最大的品牌。
关于本教程
这个免费的互动课程将指导您如何开始使用Next.js。
在本教程中,你将通过创建一个非常简单的博客应用来学习 Next.js 基础知识。下面是最终结果的示例:
https://next-learn-starter.vercel.app(来源))
让我们开始吧!
本教程假定您具备 JavaScript 和 React 的基本知识。如果你从未写过 React 代码,你应该先阅读官方的 React 教程。
如果您要查找文档,请访问 Next.js 文档。
- 原文作者:知识铺
- 原文链接:https://geek.zshipu.com/post/nextjs/nextjsbase/Next.js%E5%AD%A6%E4%B9%A0%E7%B3%BB%E5%88%97%E5%88%9B%E5%BB%BANext.js%E5%BA%94%E7%94%A8/
- 版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议进行许可,非商业转载请注明出处(作者,原文链接),商业转载请联系作者获得授权。
- 免责声明:本页面内容均来源于站内编辑发布,部分信息来源互联网,并不意味着本站赞同其观点或者证实其内容的真实性,如涉及版权等问题,请立即联系客服进行更改或删除,保证您的合法权益。转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。也可以邮件至 sblig@126.com