上回说到,我们通过docker容器进行数据库的部署,这篇文章将介绍如何通过网站程序对数据库进行初始化。 编写初始化数据库文件 我们用一些初始数据来填充数据库。在 /app 目录中,创建seed文件夹,并且在这个文件夹创建一个名为 route.ts 的 Next.js路由处理程序,它将用于填充您的数据
一、docker-compose 运行启动到一半中断问题 这类问题一般是因为内存不足或者机器性能低导致的,在启动过程中docker-compose.yml文件,在监控检查的时候配置有超时选择,由于性能比较低的机器启动慢,因此需要延长timeout时间 我把容器的超时和重试调整为:120s和1
在上一集,我们编写完毕导航页面,并且非常的美观,但是我们发现编写网站是存静态的,在现代的网站当中一般都是动静结合,也就是说部分数据是从数据库读取的,部分静态数据是写在网页上面的,因此这章讲述如何搭建一个数据库。 搭建数据库(PostgreSQL) 在这里我们使用容器的方法进行数据库搭建,这样的好处在
书接上回,到目前为止,您的应用程序只有一个主页。让我们学习如何使用布局和页面创建更多路线。 在本章之中我们需要讨论: dashboard使用文件系统路由创建路由。 了解创建新路线段时文件夹和文件的作用。 创建可以在多个仪表板页面之间共享的嵌套布局。 了解什么是共置、部分渲染和根布局。 嵌套路由 Ne
优化字体和图像 书接上回,我们学习了如何设计Next.js应用程序,让我们继续优化主页和添加自定义字体、图像。 在网站设计中,字体扮演着关键角色,然而,若需获取并加载字体文件,项目中引入自定义字体可能对性能产生影响。 Google 采用累计布局偏移(CLS)作为评估网站性能和用户体验的指标。对于字体
CSS样式学习 上一篇文章讲到如何创建一个脚手架程序,目前我们已经有了一个nextjs的基本框架,因此我们可以在这个基础上进行改造。 打开我们项目中的page.tsx页面,这里是程序的主页面,也就是我们访问地址时候第一个看见的页面 将page页面修改为,没有任何css样式的样子 import Lin
开发目标 我们将构建一个简化版本的财务仪表板,其内容包括: 公共主页、登录页面、受身份验证保护的仪表板页面、用户可以添加、编辑和删除发票 这篇文章先创建一个简单的nextjs脚手架页面
开发目标 我们将构建一个简化版本的财务仪表板,其内容包括: 公共主页、登录页面、受身份验证保护的仪表板页面、用户可以添加、编辑和删除发票 开发环境配置 开发客户端 Windows 10 (不限系统,兼容vscode即可) 开发服务端 Ubuntu 24.04 (不限系
关于 Code Assistant AI Code Assistant AI是一个令人兴奋的开源项目,由一位热情的独立开发者于2024年5月启动。这个项目迅速在开发者社区引起关注,成为代码辅助工具领域的新星。 这位开发者此前曾参与过多个知名的开源项目,积累了丰富的经验。尽管Code Assistan
关注 “曲速引擎 Warp Drive” 微信公众号 更详细内容查看 独立博客 https://www.dataeast.cn 独立开发 在大学时期,技术知识主要依赖于书本,而书本内容往往晦涩难懂,导致学习效率极低。许多个人想法在实际操作中难以实现,这让我感到非常困扰。 得益于AI技术的大爆发,允许