diff --git a/.gitignore b/.gitignore index 8f322f0..05b2f01 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1,5 @@ # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - +.idea # dependencies /node_modules /.pnp diff --git a/package.json b/package.json index 41b7609..b30b045 100644 --- a/package.json +++ b/package.json @@ -6,13 +6,16 @@ "dev": "next dev", "build": "next build", "start": "next start", - "lint": "next lint" + "lint": "next lint", + "export": "next build && next export" }, "dependencies": { "@types/node": "18.15.11", "@types/react": "18.0.33", "@types/react-dom": "18.0.11", + "antd": "^5.4.0", "autoprefixer": "10.4.14", + "buffer": "^6.0.3", "eslint": "8.38.0", "eslint-config-next": "13.3.0", "next": "13.3.0", diff --git a/pages/index.tsx b/pages/index.tsx index eca9da7..97e9134 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -1,124 +1,103 @@ -import Image from 'next/image' -import { Inter } from 'next/font/google' +import React from 'react'; +import { Tabs } from 'antd'; +import type { TabsProps } from 'antd'; +import { Select, Space, Table, Progress } from 'antd'; -const inter = Inter({ subsets: ['latin'] }) +const onChange = (key: string) => { + console.log(key); +}; -export default function Home() { - return ( -
-
-

- Get started by editing  - pages/index.tsx -

-
- - By{' '} - Vercel Logo - -
-
+const handleChangeAge = (value: string) => { + console.log(`selected ${value}`); +}; -
- Next.js Logo -
+function createData( + name: string, + calories: number, + fat: number, + carbs: number, + protein: number, +) { + return { name, calories, fat, carbs, protein }; +} -
- -

- Docs{' '} - - -> - -

-

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

-
+const rows = [ + createData('Frozen yoghurt', 159, 6.0, 24, 4.0), + createData('Ice cream sandwich', 237, 9.0, 37, 4.3), + createData('Eclair', 262, 16.0, 24, 6.0), + createData('Cupcake', 305, 3.7, 67, 4.3), + createData('Gingerbread', 356, 16.0, 49, 3.9), +]; - -

- Learn{' '} - - -> - -

-

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

-
+const columns = [ + { + title: 'Dessert (100g serving)', + dataIndex: 'name', + key: 'name', + }, + { + title: 'Calories', + dataIndex: 'calories', + key: 'calories', + }, + { + title: 'Fat (g)', + dataIndex: 'fat', + key: 'fat', + }, + { + title: 'Carbs (g)', + dataIndex: 'carbs', + key: 'carbs', + }, + { + title: 'Protein (g)', + dataIndex: 'protein', + key: 'protein', + }, +]; - -

- Templates{' '} - - -> - -

-

- Discover and deploy boilerplate example Next.js projects. -

-
+const items: TabsProps['items'] = [ + { + key: '1', + label: `Item One`, + children: ( + +