narang-ai
79135f24b0
- Backend: NestJS + Prisma 7 (MariaDB adapter) scaffold - PrismaService with @prisma/adapter-mariadb driver - SistersService: SSH 상태 체크 with graceful fallback - HealthController: GET /health - 시드 스크립트: 자매 4명 초기 데이터 - 테스트 5/5 pass - Frontend: Next.js 16 + styled-components - styled-components SSR registry (next.config 컴파일러) - 다크 테마 글로벌 스타일 + 테마 토큰 - SisterCard: glassmorphism 상태 카드 (온라인 pulse 애니메이션) - StatusBadge: 상태 표시 컴포넌트 - Sidebar: 접이식 네비게이션 - 대시보드 메인 페이지 (API 미연결 시 mock 데이터 fallback) - build 성공 확인 - DB credential 이랑이 대기 중
28 lines
741 B
TypeScript
28 lines
741 B
TypeScript
'use client';
|
|
|
|
import React, { useState } from 'react';
|
|
import { useServerInsertedHTML } from 'next/navigation';
|
|
import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
|
|
|
|
export default function StyledComponentsRegistry({
|
|
children,
|
|
}: {
|
|
children: React.ReactNode;
|
|
}) {
|
|
const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
|
|
|
|
useServerInsertedHTML(() => {
|
|
const styles = styledComponentsStyleSheet.getStyleElement();
|
|
styledComponentsStyleSheet.instance.clearTag();
|
|
return <>{styles}</>;
|
|
});
|
|
|
|
if (typeof window !== 'undefined') return <>{children}</>;
|
|
|
|
return (
|
|
<StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
|
|
{children}
|
|
</StyleSheetManager>
|
|
);
|
|
}
|