nextjs 实战开发1 Mercury 二级域名分发系统| 曲速引擎 Warp Drive
摘要：开发目标 开发一个免费的二级域名分发系统 创建项目 root@ubuntu:~/dev-nextjs/mercury_frontend# pnpm create next-app@latest .版本：pnpm -v 9.12.2版本：node -v v20.16.0版本：next 15.0.2为了
阅读全文
Next.js 与 React 全栈开发：整合 TypeScript、Redux 和 Ant Design
摘要：在上一集，我们编写完毕导航页面，并且非常的美观，但是我们发现编写网站是存静态的，在现代的网站当中一般都是动静结合，也就是说部分数据是从数据库读取的，部分静态数据是写在网页上面的，因此这章讲述如何搭建一个数据库。 搭建数据库（PostgreSQL） 在这里我们使用容器的方法进行数据库搭建，这样的好处在
阅读全文
Next.js 与 Node.js 全栈应用开发：API设计、数据库连接、身份验证 | 2024版
摘要：书接上回，到目前为止，您的应用程序只有一个主页。让我们学习如何使用布局和页面创建更多路线。 在本章之中我们需要讨论： dashboard使用文件系统路由创建路由。 了解创建新路线段时文件夹和文件的作用。 创建可以在多个仪表板页面之间共享的嵌套布局。 了解什么是共置、部分渲染和根布局。 嵌套路由 Ne
阅读全文
Next.js 深度教程：服务端渲染、静态生成到增量静态再生 | 2024最新版
摘要：优化字体和图像 书接上回，我们学习了如何设计Next.js应用程序，让我们继续优化主页和添加自定义字体、图像。 在网站设计中，字体扮演着关键角色，然而，若需获取并加载字体文件，项目中引入自定义字体可能对性能产生影响。 Google 采用累计布局偏移（CLS）作为评估网站性能和用户体验的指标。对于字体
阅读全文
Next.js 从零入门到实战 3：2024最新完整教程 | 包含SSR、API路由和性能优化
摘要：CSS样式学习 上一篇文章讲到如何创建一个脚手架程序，目前我们已经有了一个nextjs的基本框架，因此我们可以在这个基础上进行改造。打开我们项目中的page.tsx页面，这里是程序的主页面，也就是我们访问地址时候第一个看见的页面将page页面修改为，没有任何css样式的样子 import Link
阅读全文
