diff --git a/next.config.mjs b/next.config.mjs index 4678774..2d398c3 100644 --- a/next.config.mjs +++ b/next.config.mjs @@ -1,4 +1,6 @@ /** @type {import('next').NextConfig} */ -const nextConfig = {}; +const nextConfig = { + reactStrictMode: false, +}; -export default nextConfig; +export default nextConfig; \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 7e0f701..88dc5f6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,7 @@ "react-dom": "^18" }, "devDependencies": { - "@types/node": "^20", + "@types/node": "^20.14.9", "@types/react": "^18", "@types/react-dom": "^18", "eslint": "^8", diff --git a/package.json b/package.json index c1762cd..c9623e3 100644 --- a/package.json +++ b/package.json @@ -9,18 +9,18 @@ "lint": "next lint" }, "dependencies": { + "next": "14.2.4", "react": "^18", - "react-dom": "^18", - "next": "14.2.4" + "react-dom": "^18" }, "devDependencies": { - "typescript": "^5", - "@types/node": "^20", + "@types/node": "^20.14.9", "@types/react": "^18", "@types/react-dom": "^18", + "eslint": "^8", + "eslint-config-next": "14.2.4", "postcss": "^8", "tailwindcss": "^3.4.1", - "eslint": "^8", - "eslint-config-next": "14.2.4" + "typescript": "^5" } } diff --git a/src/app/components/Button.tsx b/src/app/components/Button.tsx new file mode 100644 index 0000000..92e7384 --- /dev/null +++ b/src/app/components/Button.tsx @@ -0,0 +1,17 @@ +import React from "react"; + +interface ButtonProps { + variant: "primary" | "link" | "green"; + text: String; + state: "hover" | "default"; +} + +export const Button = ({}) => { + return ( +
+
Button
+
+ ); +}; + +export default Button; diff --git a/src/app/components/icon/LogoIcon.tsx b/src/app/components/icon/LogoIcon.tsx new file mode 100644 index 0000000..c2af050 --- /dev/null +++ b/src/app/components/icon/LogoIcon.tsx @@ -0,0 +1,98 @@ +import React from "react"; + +const LogoIcon = ({width = 24, height = 24}) => { + return ( +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+ ); +}; + +export default LogoIcon; diff --git a/src/app/components/icon/svg/logo.svg b/src/app/components/icon/svg/logo.svg new file mode 100644 index 0000000..643c35b --- /dev/null +++ b/src/app/components/icon/svg/logo.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/app/components/page.tsx b/src/app/components/page.tsx new file mode 100644 index 0000000..aff5f72 --- /dev/null +++ b/src/app/components/page.tsx @@ -0,0 +1,12 @@ +import React from "react"; +import { Button } from "./Button"; + +const ButtonPage = () => { + return ( +
+ +
+ ); +}; + +export default ButtonPage; diff --git a/src/app/globals.css b/src/app/globals.css index 875c01e..bd6213e 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -1,33 +1,3 @@ @tailwind base; @tailwind components; -@tailwind utilities; - -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} - -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} - -@layer utilities { - .text-balance { - text-wrap: balance; - } -} +@tailwind utilities; \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3314e47..889fa76 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,22 +1,17 @@ -import type { Metadata } from "next"; -import { Inter } from "next/font/google"; import "./globals.css"; - -const inter = Inter({ subsets: ["latin"] }); - -export const metadata: Metadata = { - title: "Create Next App", - description: "Generated by create next app", +export const metadata = { + title: "Next.js", + description: "Generated by Next.js", }; export default function RootLayout({ children, -}: Readonly<{ +}: { children: React.ReactNode; -}>) { +}) { return ( - {children} + {children} ); } diff --git a/src/app/page.tsx b/src/app/page.tsx index 2acfd44..37b287d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,113 +1,12 @@ -import Image from "next/image"; +import Link from "next/link"; export default function Home() { return ( -
-
-

- Get started by editing  - src/app/page.tsx -

-
- - By{" "} - Vercel Logo - -
-
- -
- Next.js Logo -
- -
- -

- Docs{" "} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{" "} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{" "} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{" "} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
+ <> +
+

Hello World!

+ UserPage +
+ ); } diff --git a/src/app/user/page.tsx b/src/app/user/page.tsx new file mode 100644 index 0000000..7e2ee2c --- /dev/null +++ b/src/app/user/page.tsx @@ -0,0 +1,12 @@ +"use client"; +import Link from "next/link"; + +const UserPage = () => { + return ( + <> + Go back + + ); +}; + +export default UserPage;