実装内容: 1. 依存ライブラリ追加: axios, lucide-react, clsx, tailwind-merge 2. APIクライアント作成: frontend/src/lib/api.ts - JWT認証対応 3. ログイン画面作成: frontend/src/app/login/page.tsx - 日本語UI 4. レイアウト更新: frontend/src/app/layout.tsx - Noto Sans JP追加 5. JWTエンドポイント追加: backend/keinasystem/urls.py にJWT URL追加 テスト結果: - ログインAPI (/api/auth/jwt/create/) → HTTP 200 OK - テストユーザー: admin / password123 ブラウザで http://localhost:3000/login にアクセスして動作確認できます。 次の工程に移りますか?
28 lines
685 B
TypeScript
28 lines
685 B
TypeScript
import type { Metadata } from "next";
|
|
import { Inter, Noto_Sans_JP } from "next/font/google";
|
|
import "./globals.css";
|
|
|
|
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
|
|
const notoSansJP = Noto_Sans_JP({
|
|
subsets: ["latin"],
|
|
variable: "--font-noto-sans-jp",
|
|
weight: ["400", "500", "700"],
|
|
});
|
|
|
|
export const metadata: Metadata = {
|
|
title: "KeinaSystem",
|
|
description: "KeinaSystem - 農業管理システム",
|
|
};
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="ja">
|
|
<body className={`${inter.variable} ${notoSansJP.variable} font-sans`}>{children}</body>
|
|
</html>
|
|
);
|
|
}
|