feat: init metadata

coderz-w · coderz-w · commit b4ca4eb7bf08 · 2024-10-14T16:18:22.000+08:00
diff --git a/.gitignore b/.gitignore
@@ -34,3 +34,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# analyze
+/analyze
diff --git a/.prettierignore b/.prettierignore
@@ -2,4 +2,5 @@ dist/
 node_modules/
 .next/
 pnpm-lock.yaml
-package-lock.json
+package-lock.json
+/analyze
diff --git a/config/index.ts b/config/index.ts
@@ -0,0 +1 @@
+export { seo } from './seo';
diff --git a/config/seo.ts b/config/seo.ts
@@ -0,0 +1,7 @@
+export const seo = {
+  title: 'zhw | fe',
+  description: '我叫zhw。',
+  url: new URL(
+    process.env.NODE_ENV === 'production' ? 'http://localhost:3000' : 'http://localhost:3000',
+  ),
+} as const;
diff --git a/eslint.config.cjs b/eslint.config.cjs
@@ -7,7 +7,7 @@ const reactHooks = require('eslint-plugin-react-hooks');
 const { resolve } = require('path');
 module.exports = [
   {
-    ignores: ['node_modules/**', '.next/**', './eslint.config.cjs', '.gitignore'],
+    ignores: ['node_modules/**', '.next/**', './eslint.config.cjs', '.gitignore','analyze/**'],
   },
   {
     files: ['**/*.{js,jsx,ts,tsx}'],
diff --git a/next.config.mjs b/next.config.mjs
@@ -3,8 +3,11 @@ import NextBundleAnalyzer from '@next/bundle-analyzer'
 
 let nextConfig = {};
 
-nextConfig = NextBundleAnalyzer({
+if(process.env.ANALYZE === 'true'){
+  nextConfig = NextBundleAnalyzer({
     enabled: true,
   })(nextConfig)
+}
+
 
 export default nextConfig;
diff --git a/package.json b/package.json
@@ -3,15 +3,15 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "analyze": "set ANALYZE=true && set BUNDLE_ANALYZE=browser && npm run build",
-    "dev": "next dev",
+    "dev": "set ANALYZE=false && next dev",
     "build": "next build",
     "start": "next start",
     "lint": "eslint \"src/**/*.{js,ts,jsx,tsx}\" --fix",
     "lint:ci": "eslint \"src/**/*.{js,ts,jsx,tsx}\"",
     "format": "prettier --write .",
     "format:ci": "prettier --list-different \"**/*.{ts,tsx,js,jsx}\"",
-    "prepare": "husky"
+    "prepare": "husky",
+    "analyze": "set ANALYZE=true && set BUNDLE_ANALYZE=browser && npm run build"
   },
   "dependencies": {
     "@next/bundle-analyzer": "^14.2.15",
@@ -57,7 +57,7 @@
   "nextBundleAnalysis": {
     "budget": 358400,
     "budgetPercentIncreaseRed": 20,
-    "minimumChangeThreshold": 0,
+    "minimumChangeThreshold":102400,
     "showDetails": true
   }
 }
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/app/(app)/(home)/page.tsx b/src/app/(app)/(home)/page.tsx
@@ -0,0 +1,3 @@
+export default function Home() {
+  return <div>哈哈哈</div>;
+}
diff --git a/src/app/(app)/layout.tsx b/src/app/(app)/layout.tsx
@@ -0,0 +1,5 @@
+import type { PropsWithChildren } from 'react';
+
+export default async function RootLayout({ children }: PropsWithChildren) {
+  return <div>{children}</div>;
+}
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/fonts/GeistMonoVF.woff b/src/app/fonts/GeistMonoVF.woff
diff --git a/src/app/fonts/GeistVF.woff b/src/app/fonts/GeistVF.woff
diff --git a/src/app/globals.css b/src/app/globals.css
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,31 +1,61 @@
-import type { Metadata } from 'next';
-import localFont from 'next/font/local';
-import './globals.css';
+import '../styles/index.css';
 
-const geistSans = localFont({
-  src: './fonts/GeistVF.woff',
-  variable: '--font-geist-sans',
-  weight: '100 900',
-});
-const geistMono = localFont({
-  src: './fonts/GeistMonoVF.woff',
-  variable: '--font-geist-mono',
-  weight: '100 900',
-});
+import type { PropsWithChildren } from 'react';
+import { Metadata, Viewport } from 'next';
+
+import { seo } from '~/seo';
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  metadataBase: seo.url,
+  title: {
+    template: '%s | zhw',
+    default: seo.title,
+  },
+  description: seo.description,
+  keywords: 'zhw blog',
+  icons: [{ rel: 'icon', url: '/favicon.ico' }],
+  // manifest: '/site.webmanifest', //pwa
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  }, //爬虫
+  openGraph: {
+    title: {
+      default: seo.title,
+      template: '%s | zhw',
+    },
+    description: seo.description,
+    siteName: 'zhw blog',
+    locale: 'zh_CN',
+    type: 'website',
+    url: 'http://localhost:3000',
+  }, //分享到其他媒体
+};
+
+export const viewport: Viewport = {
+  themeColor: [
+    { media: '(prefers-color-scheme: dark)', color: '#000212' },
+    { media: '(prefers-color-scheme: light)', color: '#fafafa' },
+  ],
+  width: 'device-width',
+  initialScale: 1,
+  userScalable: false,
+  minimumScale: 1,
+  maximumScale: 1,
 };
 
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
+export default async function RootLayout({ children }: PropsWithChildren) {
   return (
-    <html lang="en">
-      <body className={`${geistSans.variable} ${geistMono.variable} antialiased`}>{children}</body>
+    <html lang="zh-CN" suppressHydrationWarning>
+      <head></head>
+      <body>{children}</body>
     </html>
   );
 }
diff --git a/src/app/page.tsx b/src/app/page.tsx
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -0,0 +1,20 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+
+  }
+}
+
+body {
+
+}
+
+@layer utilities {
+}
diff --git a/src/styles/index.css b/src/styles/index.css
@@ -0,0 +1 @@
+@import url("./globals.css");
diff --git a/tsconfig.json b/tsconfig.json
@@ -18,7 +18,8 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "~/*": ["./config/*"],
     }
   },
   "include": [

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ const reactHooks = require('eslint-plugin-react-hooks');`
`7`	`7`	`const { resolve } = require('path');`
`8`	`8`	`module.exports = [`
`9`	`9`	`{`
`10`		`- ignores: ['node_modules/', '.next/', './eslint.config.cjs', '.gitignore'],`
	`10`	`+ ignores: ['node_modules/', '.next/', './eslint.config.cjs', '.gitignore','analyze/**'],`
`11`	`11`	`},`
`12`	`12`	`{`
`13`	`13`	`files: ['*/.{js,jsx,ts,tsx}'],`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+export default function Home() {`
	`2`	`+ return <div>哈哈哈</div>;`
	`3`	`+}`