# nextjs

**Repository Path**: gou-xinjie/nextjs

## Basic Information

- **Project Name**: nextjs
- **Description**: 一个基于 Next.js 15 与 React 18 的演示与实验项目，集成 next-auth 会话、路由中间件保护、主题切换、Ant Design 组件库、Tailwind CSS 4，以及若干研究型页面（文本选择、模板填写、流式滚动、序列帧动画、微前端等）。

- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-26
- **Last Updated**: 2026-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Next.js Demo 应用

一个基于 Next.js 15 与 React 18 的演示与实验项目，集成 next-auth 会话、路由中间件保护、主题切换、Ant Design 组件库、Tailwind CSS 4，以及若干研究型页面（文本选择、模板填写、流式滚动、序列帧动画、微前端等）。

## 快速开始

```bash
# 推荐使用 pnpm
pnpm install
pnpm dev
# 或：npm run dev / yarn dev / bun dev
```

打开 http://localhost:3000 后，首页会根据登录状态自动跳转：
- 已登录：进入 /dashboard
- 未登录：进入 /auth/signin

## 主要特性
- 会话与认证：基于 next-auth，在布局与页面中读取用户信息
- 路由保护：middleware 在 /dashboard 下未登录时重定向到 /auth/signin
- 主题切换：全局 ThemeProvider 与切换组件
- UI 与交互：Ant Design、React Hot Toast、部分 Tailwind 动效
- 研究页合集：/research 下包含模板字符串、文本选择、流式滚动、序列帧、微应用等示例

## 技术栈
- Next.js 15、React 18、TypeScript
- Tailwind CSS 4、Ant Design 5、Zustand
- next-auth 认证
- 其他：ai/@ai-sdk（openai、deepseek）、mermaid、pdfjs 等依赖

## 关键目录
- 入口页面：[app/page.tsx](app/page.tsx)
- 仪表盘：[app/dashboard/page.tsx](app/dashboard/page.tsx)
- 全局布局与主题：[app/layout.js](app/layout.js)
- 路由中间件保护：[middleware.ts](middleware.ts)

## 部署
推荐使用 Vercel；或本地构建与启动：
```bash
pnpm build
pnpm start
```