优化项目

Author: weizwz

.cloudflare/README.md

@@ -11,7 +11,7 @@ Wrangler CLI 的配置文件，用于命令行部署。
 
 ```toml
 name = "weiz-nav"                    # 项目名称
-compatibility_date = "2024-11-18"    # 兼容性日期
+compatibility_date = "2025-11-18"    # 兼容性日期
 pages_build_output_dir = "out"       # 构建输出目录
 ```
 
@@ -184,8 +184,8 @@ wrangler login
 
 ## 相关文档
 
-- [快速开始](../../QUICKSTART.md)
-- [完整部署指南](../../DEPLOYMENT.md)
+- [快速开始](../.kiro/specs/frontend-navigation-site/QUICKSTART.md)
+- [完整部署指南](../.kiro/specs/frontend-navigation-site/DEPLOYMENT.md)
 - [GitHub Actions 配置](../.github/CLOUDFLARE_SETUP.md)
 
 ## 支持

.kiro/specs/frontend-navigation-site/DEPLOYMENT.md

@@ -213,7 +213,7 @@ TTL: 自动
 
 ```toml
 name = "weiz-nav"
-compatibility_date = "2024-11-18"
+compatibility_date = "2025-11-18"
 pages_build_output_dir = "out"
 
 [build]

.prettierignore

@@ -0,0 +1,27 @@
+# 依赖
+node_modules
+.pnp
+.pnp.js
+
+# 构建输出
+.next
+out
+build
+dist
+
+# 缓存
+.cache
+*.tsbuildinfo
+
+# 日志
+*.log
+
+# 环境变量
+.env*.local
+
+# 其他
+.DS_Store
+*.pem
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "arrowParens": "always",
+  "endOfLine": "lf",
+  "bracketSpacing": true,
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false
+}

README.md

@@ -2,7 +2,7 @@
 
 现代化的个人前端导航网站，基于 Next.js 15 构建。
 
-> 🚀 **快速部署**：查看 [QUICKSTART.md](./QUICKSTART.md) 了解如何在 5 分钟内部署到 Cloudflare Pages
+> 🚀 **快速部署**：查看 [QUICKSTART.md](./.kiro/specs/frontend-navigation-site/QUICKSTART.md) 了解如何在 5 分钟内部署到 Cloudflare Pages
 
 ## 技术栈
 

app/layout.tsx

@@ -4,10 +4,26 @@ import Providers from '@/components/Providers';
 import '@ant-design/v5-patch-for-react-19';
 
 export const metadata: Metadata = {
-  title: '唯知导航',
-  description: '现代化的个人前端导航网站',
-  keywords: ['导航', '开发工具', '资源导航', 'weizwz', '唯知为之'],
-  authors: [{ name: ' weizwz' }],
+  title: {
+    default: '唯知导航',
+    template: '%s | 唯知导航',
+  },
+  description: '现代化的个人前端导航网站，提供开发工具、资源导航等功能',
+  keywords: ['导航', '开发工具', '资源导航', 'weizwz', '唯知为之', '前端导航', '开发者工具'],
+  authors: [{ name: 'weizwz', url: 'https://github.com/weizwz' }],
+  creator: 'weizwz',
+  publisher: 'weizwz',
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  },
   icons: {
     icon: [
       { url: '/favicon.ico', sizes: '16x16', type: 'image/x-icon' },
@@ -16,6 +32,32 @@ export const metadata: Metadata = {
     shortcut: '/favicon.ico',
     apple: '/favicon-128.ico',
   },
+  manifest: '/manifest.json',
+  openGraph: {
+    type: 'website',
+    locale: 'zh_CN',
+    url: 'https://nav.weizwz.com',
+    title: '唯知导航',
+    description: '现代化的个人前端导航网站',
+    siteName: '唯知导航',
+    images: [
+      {
+        url: '/logo.png',
+        width: 512,
+        height: 512,
+        alt: '唯知导航 Logo',
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: '唯知导航',
+    description: '现代化的个人前端导航网站',
+    images: ['/logo.png'],
+  },
+  alternates: {
+    canonical: 'https://nav.weizwz.com',
+  },
 };
 
 export const viewport: Viewport = {

app/page.tsx

@@ -1,8 +1,8 @@
 'use client';
 
 import React, { useEffect, useState, useCallback } from 'react';
-import { FloatButton, Drawer, Button } from 'antd';
-import { PlusOutlined, MenuOutlined } from '@ant-design/icons';
+import { FloatButton, Drawer } from 'antd';
+import { PlusOutlined } from '@ant-design/icons';
 import { useAppDispatch, useAppSelector } from '@/store/hooks';
 import { addLink, updateLink, deleteLink, loadLinks } from '@/store/slices/linksSlice';
 import { storageService } from '@/services/storage';

components/management/DataTable.tsx

@@ -335,7 +335,7 @@ export const DataTable: React.FC<DataTableProps> = ({
           current: currentPage,
           pageSize: pageSize,
           showSizeChanger: true,
-          showTotal: (total) => {
+          showTotal: () => {
             const categoryCount = treeData.length;
             const linkCount = links.length;
             return `共 ${categoryCount} 个分类，${linkCount} 条链接`;

components/modals/EditLinkModal.tsx

@@ -30,7 +30,6 @@ export const EditLinkModal: React.FC<EditLinkModalProps> = ({
 }) => {
   const [form] = Form.useForm();
   const [loading, setLoading] = useState(false);
-  const [fetchingIcon, setFetchingIcon] = useState(false);
   const [iconType, setIconType] = useState<'1' | '2'>('1'); // 1: Favicon, 2: 自定义
   const [previewIcon, setPreviewIcon] = useState<string>('');
   const [previewBgColor, setPreviewBgColor] = useState<string>(getDefaultColor());
@@ -303,7 +302,6 @@ export const EditLinkModal: React.FC<EditLinkModalProps> = ({
           <Input
             placeholder="https://example.com"
             onChange={handleUrlChange}
-            disabled={fetchingIcon}
           />
         </Form.Item>
 

components/navigation/CategorySidebar.tsx

@@ -108,7 +108,7 @@ const DraggableCategoryItem: React.FC<DraggableCategoryItemProps> = ({
               : 'hover:bg-blue-100 dark:hover:bg-blue-500/50 text-gray-600 dark:text-gray-400'
             }
           `}
-          onClick={(e) => {
+          onClick={() => {
             // 只有在没有拖拽的情况下才触发点击
             if (!isDragging) {
               onSelect(category.name);