用Next.js构建Pokedex

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197123.html

1. 先决条件
2. 我们正在建设什么
3. 什么是 Next.js？
4. 设置
5. 创建自定义 hook
6. 创建 Pokemon 组件
7. 从 API 获取所有 pokemons
8. 设计 Pokedex 应用程序
9. 结论

就这样！我们的 Next.js 应用看起来不错！

我们用 Next.js、SWR 和 Pokemon API 构建了一个 Pokedex 应用程序，预览这个完成的项目CodeSandbox

结论

在本文中，我们学习了如何使用Next.js和SWR从头构建Pokedex应用程序。Next.js 是一个非常受欢迎的框架，它建立在 React、Node.js、Babel 和 Webpack 之上。Next.js 同时支持客户端和服务器端渲染，这使得 Next 在 SEO 方面非常出色。因为只有所需的 JavaScript 才会加载到客户端。Next.js 被大公司广泛使用，绝对值得使用。你应该在下一个项目中试一试！

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/