Nextjs

这篇文章详细介绍了一个从零开始搭建前端框架的过程，包括登录页的设计、验证码发送逻辑、工作台页面的创建等。通过使用React、Next.js、TRPC和Zod等技术，展示了如何构建一个完整的用户认证和工作台系统。文章涵盖了组件创建、状态管理、API接口设计和中间件应用等内容，旨在帮助开发者掌握构建现代Web应用的最佳实践。

本文是系列文章的第一部分，详细介绍了如何使用Next.js、TypeORM和Shadcn-UI框架快速搭建一个功能强大且可扩展的SaaS（软件即服务）系统。通过结合TypeORM进行数据库管理，本文展示了从项目初始化到数据库配置的完整步骤，帮助开发者高效构建现代化的SaaS应用框架。在接下来的章节中，将进一步探讨用户登录、数据管理和系统优化等高级功能。阅读本文，您将学会如何设置Next.js与TypeORM的整合、实现基本的用户登录功能，并优化您的SaaS平台以提升用户体验和系统性能。

本文是系列文章的第二部分，详细介绍了如何使用Next.js、TypeORM和Shadcn-UI，TRPC框架快速搭建一个功能强大且可扩展的SaaS（软件即服务）系统。通过结合TypeORM进行数据库管理，本文展示了如何在NextJS引入Zustand和Trpc来快速开发应用

本教程详细讲解如何使用Next.js和NestJS搭建一个支持双Token认证与刷新机制的应用程序。包括项目初始化、前后端框架搭建、认证逻辑实现以及前端自动刷新Token的封装。适用于需要提高安全性和用户体验的前后端开发者。

本文详细分析了在Next.js中进行多端适配时遇到的常见问题，并提供了使用MatchMedia进行多端适配的解决方案。由于Next.js是一个SSR框架，在服务器上无法获取设备信息，导致默认的媒体查询结果总是为false。本文通过创建自定义hooks来解决这个问题，展示了如何实现一个轻量级的、无需引入Chakra-UI的多端适配方案。本文适合所有前端开发者，尤其是那些正在使用Next.js进行多端应用开发的工程师。