Motion 动画

Motion 是一个易于上手的动画库,它独特的混合引擎结合了浏览器的高性能和 JavaScript 引擎的无限潜力。而且还原生支持 React 框架。

Next.js 使用 Drizzle-ORM

Drizzle ORM 是一个专为现代 TypeScript 项目设计的轻量级 ORM,它不仅具备静态类型推导、极低的学习成本,还原生支持 SQL。这篇文章将结合我的实际开发经验,介绍在 Next.js 项目中如何集成 Drizzle ORM,并展示它在开发体验和可维护性方面带来的提升。

Learn Tailwind CSS

在现代前端开发中,Tailwind CSS 正迅速成为最受欢迎的 CSS 框架之一。与传统框架不同,Tailwind CSS 采用了一种“功能类优先(Utility-First)”的设计思路,它通过提供大量小而精的原子类(如 text-center、bg-blue-500、p-4 等),让开发者可以在 HTML 中直接组合这些类快速构建出灵活且美观的用户界面。Tailwind CSS 避免了重复命名和层层嵌套的样式文件问题,大大提高了开发效率,也使得样式更易于维护和复用。

使用 Next.js 创建 Web 应用

在使用 Express 创建 Web 服务中,我们使用 Express 创建了一个 ToDo 的 Web 服务。使用 Express 时,我们需要自己处理模板(HTML)、样式(CSS)、脚本(JavaScript)、路由、错误处理等等。而 Next.js 框架已经提供了上面的这些功能,我们只要专注于业务实现。这篇文章我们将使用 Next.js 创建 Web 应用,看看它能否帮助快速开发。