diff --git a/src/app/api/user-agent/route.ts b/src/app/api/user-agent/route.ts index f668f59..82f287f 100644 --- a/src/app/api/user-agent/route.ts +++ b/src/app/api/user-agent/route.ts @@ -1,7 +1,6 @@ import { userAgent, type NextRequest } from 'next/server'; export async function GET(req: NextRequest) { - console.log('userAgent', req.headers); return new Response(JSON.stringify(req), { status: 200, }); diff --git a/src/app/jaeyoon/page.css.ts b/src/app/jaeyoon/page.css.ts index afbafa5..21c394b 100644 --- a/src/app/jaeyoon/page.css.ts +++ b/src/app/jaeyoon/page.css.ts @@ -1,7 +1,10 @@ -import { style } from '@vanilla-extract/css'; +import { globalStyle, style } from '@vanilla-extract/css'; export const wrapStyle = style({ background: 'linear-gradient(180deg, #9DC9FF 1.09%, #B6D7FF 1.1%, #4064BE 28.22%, #002EA4 100%)', }); -// background: + +globalStyle('html, body', { + backgroundColor: '#E6F1FF', +}); diff --git a/src/app/jaeyoon/page.tsx b/src/app/jaeyoon/page.tsx index c5e856e..f7aa215 100644 --- a/src/app/jaeyoon/page.tsx +++ b/src/app/jaeyoon/page.tsx @@ -1,4 +1,5 @@ import classNames from 'classnames'; +import { Metadata } from 'next'; import { headers } from 'next/headers'; import React from 'react'; import { UAParser } from 'ua-parser-js'; @@ -13,6 +14,14 @@ import { jaeyoonColorTheme } from '@/styles/theme/jaeyoon.css'; import { StaticContextPageInfo } from '../context'; import { wrapStyle } from './page.css'; +export const metadata: Metadata = { + applicationName: 'Ahn Jae Yoon Portfolio', + themeColor: [ + { media: '(prefers-color-scheme: dark)', color: '#E6F1FF' }, + { media: '(prefers-color-scheme: light)', color: '#E6F1FF' }, + ], +}; + const Jaeyoon = async () => { const ua = new UAParser(headers().get('user-agent') || '').getResult(); const apolloClient = getClient(); @@ -45,10 +54,11 @@ const Jaeyoon = async () => { jaeyoonColorTheme, backgroundColorVariants['secondary-variant'], )} + userToken="jaeyoon" > - UX/UI Designer + Product Designer
- Jaeyoon Portfolio + JaeYoon Portfolio diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 80d1580..3e67dab 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -9,6 +9,26 @@ import suit from '@/suit'; export const metadata: Metadata = { title: 'Create Next App', description: 'Generated by create next app', + viewport: { + width: 'device-width', + height: 'device-height', + initialScale: 1, + minimumScale: 1, + userScalable: true, + }, + robots: { + index: false, + follow: false, + nocache: true, + googleBot: { + index: false, + follow: false, + noimageindex: true, + 'max-video-preview': -1, + 'max-image-preview': 'large', + 'max-snippet': -1, + }, + }, }; interface RootLayoutProps { @@ -16,12 +36,13 @@ interface RootLayoutProps { children: React.ReactNode; } -export default function RootLayout({ children }: RootLayoutProps) { +export default function RootLayout({ head, children }: RootLayoutProps) { return ( - + {head} + {children}