From 543d1621f473c0ccb3e10c26fabd896c273f7a93 Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Sun, 2 Jun 2024 17:57:33 +0530 Subject: [PATCH 01/10] Create index.md --- docs/NextJs/index.md | 65 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 docs/NextJs/index.md diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md new file mode 100644 index 000000000..fadb6e27a --- /dev/null +++ b/docs/NextJs/index.md @@ -0,0 +1,65 @@ +
+

NextJS

+ + +
+
+ + +## Get Started + +To start using Aceternity UI in your projects, simply install the library via your preferred package manager: + +### Next.js + +```bash +npx create-next-app@latest +``` +On Installation, you will be prompted to choose a template. Select the default template and proceed with the installation. + +```bash +What is your project named? my-app +Would you like to use TypeScript? No / Yes +Would you like to use ESLint? No / Yes +Would you like to use Tailwind CSS? No / Yes +Would you like to use `src/` directory? No / Yes +Would you like to use App Router? (recommended) No / Yes +Would you like to customize the default import alias (@/*)? No / Yes +What import alias would you like configured? @/* + +``` +After the prompts, `create-next-app` will create a folder with your project name and install the required dependencies. + +Create a root layout inside `app/layout.tsx` with the required `` and ```` tags: + +```tsx +// app/layout.tsx + +export default function RootLayout({ + children, +}: { + children: React.ReactNode +}) { + return ( + + {children} + + ) +} +``` +Finally, create a home page `app/page.tsx` with some initial content: + +```tsx +// app/page.tsx +export default function Page() { + return

Hello, Next.js!

+} +``` +Now, you can start the development server: + +Run `npm run dev` to start the development server. +Visit `http://localhost:3000` to view your application. +Edit `app/page.tsx` (or `pages/index.tsx`) file and save it to see the updated result in your browser. + + + From 484f2ee791fc4f780081d22522b9a0835eb7eca3 Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Sun, 2 Jun 2024 17:59:32 +0530 Subject: [PATCH 02/10] Create _category_.json --- docs/NextJs/_category_.json | 8 ++++++++ 1 file changed, 8 insertions(+) create mode 100644 docs/NextJs/_category_.json diff --git a/docs/NextJs/_category_.json b/docs/NextJs/_category_.json new file mode 100644 index 000000000..07276514a --- /dev/null +++ b/docs/NextJs/_category_.json @@ -0,0 +1,8 @@ +{ + "label": "Next", + "position": 8, + "link": { + "type": "generated-index", + "description": "Next is a JavaScript library for building user interfaces. It is maintained by a community of individual developers and companies." + } + } From 9b14bd340e1f23353050c384e0b0407cf8ba4422 Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Sun, 2 Jun 2024 18:23:21 +0530 Subject: [PATCH 03/10] Update _category_.json --- docs/NextJs/_category_.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/NextJs/_category_.json b/docs/NextJs/_category_.json index 07276514a..2de368dd9 100644 --- a/docs/NextJs/_category_.json +++ b/docs/NextJs/_category_.json @@ -1,6 +1,6 @@ { "label": "Next", - "position": 8, + "position": 12, "link": { "type": "generated-index", "description": "Next is a JavaScript library for building user interfaces. It is maintained by a community of individual developers and companies." From 94796ba4f2496e86b37816cf92d7408ecb5688e2 Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Sun, 2 Jun 2024 18:30:56 +0530 Subject: [PATCH 04/10] Update index.md --- docs/NextJs/index.md | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index fadb6e27a..51a188920 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -1,10 +1,11 @@ -
-

NextJS

- - -
-
- +--- +id: Next JS +title: Next Js Getting Started +sidebar_label: Next JS +sidebar_position: 26 +tags: [NextJS,Routing,Page Routing] +description: This docs contains about the Next JS documentation +--- ## Get Started From e33ba79e94b1f89adc94391c4636e3275fd50078 Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Sun, 2 Jun 2024 19:56:16 +0530 Subject: [PATCH 05/10] Add files via upload --- docs/NextJs/emty.png | Bin 0 -> 2200 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 docs/NextJs/emty.png diff --git a/docs/NextJs/emty.png b/docs/NextJs/emty.png new file mode 100644 index 0000000000000000000000000000000000000000..97e41f5aa988b9051ade8bfca0ca2a72b35afc27 GIT binary patch literal 2200 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 Date: Sun, 2 Jun 2024 19:57:43 +0530 Subject: [PATCH 06/10] Update index.md --- docs/NextJs/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index 51a188920..b72333bc7 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -63,4 +63,4 @@ Visit `http://localhost:3000` to view your application. Edit `app/page.tsx` (or `pages/index.tsx`) file and save it to see the updated result in your browser. - + From f8171b9112cf11c9b959d8a39106bbb0c186a94c Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Mon, 3 Jun 2024 10:38:01 +0530 Subject: [PATCH 07/10] Update index.md --- docs/NextJs/index.md | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index b72333bc7..886e9a568 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -1,12 +1,13 @@ --- -id: Next JS +id: next-js title: Next Js Getting Started sidebar_label: Next JS sidebar_position: 26 -tags: [NextJS,Routing,Page Routing] +tags: [NextJS, Routing, Page Routing] description: This docs contains about the Next JS documentation --- + ## Get Started To start using Aceternity UI in your projects, simply install the library via your preferred package manager: From 46625cac08981697a57587ea8a07ae01e89d730d Mon Sep 17 00:00:00 2001 From: Aksshay88 <119944779+Aksshay88@users.noreply.github.com> Date: Mon, 3 Jun 2024 10:41:28 +0530 Subject: [PATCH 08/10] Update index.md --- docs/NextJs/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index 886e9a568..ee8b47019 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -32,7 +32,7 @@ What import alias would you like configured? @/* ``` After the prompts, `create-next-app` will create a folder with your project name and install the required dependencies. -Create a root layout inside `app/layout.tsx` with the required `` and ```` tags: +Create a root layout inside `app/layout.tsx` with the required `` and `` tags: ```tsx // app/layout.tsx @@ -64,4 +64,4 @@ Visit `http://localhost:3000` to view your application. Edit `app/page.tsx` (or `pages/index.tsx`) file and save it to see the updated result in your browser. - +continuereading From 8945b6254256ef0e9541c9f6730952e849ff6ddf Mon Sep 17 00:00:00 2001 From: Ajay Dhangar <99037494+Ajay-Dhangar@users.noreply.github.com> Date: Mon, 3 Jun 2024 12:21:10 +0530 Subject: [PATCH 09/10] Update index.md --- docs/NextJs/index.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index ee8b47019..181dc8e7d 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -63,5 +63,4 @@ Run `npm run dev` to start the development server. Visit `http://localhost:3000` to view your application. Edit `app/page.tsx` (or `pages/index.tsx`) file and save it to see the updated result in your browser. - -continuereading +[![continuereading](emty.png)](https://nextjs.org/docs/app) From f9f3531f347f0ba90e2e87459d5b526f171eb780 Mon Sep 17 00:00:00 2001 From: Ajay Dhangar <99037494+Ajay-Dhangar@users.noreply.github.com> Date: Mon, 3 Jun 2024 12:25:53 +0530 Subject: [PATCH 10/10] Update index.md --- docs/NextJs/index.md | 2 -- 1 file changed, 2 deletions(-) diff --git a/docs/NextJs/index.md b/docs/NextJs/index.md index 181dc8e7d..0088af346 100644 --- a/docs/NextJs/index.md +++ b/docs/NextJs/index.md @@ -62,5 +62,3 @@ Now, you can start the development server: Run `npm run dev` to start the development server. Visit `http://localhost:3000` to view your application. Edit `app/page.tsx` (or `pages/index.tsx`) file and save it to see the updated result in your browser. - -[![continuereading](emty.png)](https://nextjs.org/docs/app)