Added some new options in the NavigationView 🚀

Author: rit3zh

.test.ts.swp

@@ -1,20 +1,3 @@
-# Dependencies
-/node_modules
-
-# Production
-/build
-
-# Generated files
-.docusaurus
-.cache-loader
-
-# Misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+.next
+node_modules
+_pagefind/

docs/.github/screenshot.png

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Shu Ding
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

docs/.gitignore

@@ -1,41 +1,40 @@
-# Website
+# Nextra Docs Starter 
 
-This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator.
+This starter template includes the following features:
 
-### Installation
+- [x] **Nextra 4**
+- [x] **Search with Pagefind**
+- [x] **Lucide Icons**
 
-```
-$ yarn
-```
-
-### Local Development
-
-```
-$ yarn start
-```
+[**Live Demo →**](https://nextra-docs-starter.vercel.app)
 
-This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server.
+[![](.github/screenshot.png)](https://nextra-docs-starter.vercel.app)
 
-### Build
+## Quick Start
 
-```
-$ yarn build
-```
+You can deploy this template on Vercel by clicking the button below
 
-This command generates static content into the `build` directory and can be served using any static contents hosting service.
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fphucbm%2Fnextra-docs-starter)
 
-### Deployment
+## Local Development
 
-Using SSH:
+### Clone this repository
 
-```
-$ USE_SSH=true yarn deploy
+Using the GitHub CLI:
+```bash
+gh repo clone phucbm/nextra-docs-starter
 ```
 
-Not using SSH:
-
+### Install
+```bash
+pnpm i
 ```
-$ GIT_USER=<Your GitHub username> yarn deploy
+
+### Run the development server
+```bash
+pnpm dev
 ```
 
-If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
+## License
+
+This project is licensed under the MIT License.

docs/LICENSE

@@ -0,0 +1,23 @@
+import { generateStaticParamsFor, importPage } from 'nextra/pages'
+import { useMDXComponents as getMDXComponents } from '../../mdx-components'
+
+export const generateStaticParams = generateStaticParamsFor('mdxPath')
+
+export async function generateMetadata(props) {
+    const params = await props.params
+    const { metadata } = await importPage(params.mdxPath)
+    return metadata
+}
+
+const Wrapper = getMDXComponents().wrapper
+
+export default async function Page(props) {
+    const params = await props.params
+    const result = await importPage(params.mdxPath)
+    const { default: MDXContent, toc, metadata } = result
+    return (
+        <Wrapper toc={toc} metadata={metadata}>
+            <MDXContent {...props} params={params} />
+        </Wrapper>
+    )
+}

docs/README.md

@@ -0,0 +1,60 @@
+import { Footer, Layout, Navbar } from "nextra-theme-docs";
+import { Banner, Head, Search } from "nextra/components";
+import { getPageMap } from "nextra/page-map";
+import "nextra-theme-docs/style.css";
+import Link from "next/link";
+
+export const metadata = {
+  // Define your metadata here
+  // For more information on metadata API, see: https://nextjs.org/docs/app/building-your-application/optimizing/metadata
+};
+
+const banner = (
+  <Banner storageKey="some-key">
+    This template was created with 🩸 and 💦 by{" "}
+    <Link href="https://github.com/phucbm">PHUCBM</Link> 🐧
+  </Banner>
+);
+const navbar = (
+  <Navbar
+    logo={
+      <img src="/images/general/logo.svg" alt="Logo" width={100} height={20} />
+    }
+    // ... Your additional navbar options
+  />
+);
+const footer = <Footer>MIT {new Date().getFullYear()} © Nextra.</Footer>;
+
+export default async function RootLayout({ children }) {
+  return (
+    <html
+      // Not required, but good for SEO
+      lang="en"
+      // Required to be set
+      dir="ltr"
+      // Suggested by `next-themes` package https://github.com/pacocoursey/next-themes#with-app
+      suppressHydrationWarning
+    >
+      <Head
+      // ... Your additional head options
+      >
+        <link rel="shortcut icon" href="/images/general/icon.svg" />
+        {/* Your additional tags should be passed as `children` of `<Head>` element */}
+      </Head>
+      <body>
+        <Layout
+          banner={banner}
+          navbar={navbar}
+          pageMap={await getPageMap()}
+          docsRepositoryBase="https://github.com/phucbm/nextra-docs-starter/tree/main"
+          footer={footer}
+          // ... Your additional layout options
+        >
+          {children}
+        </Layout>
+      </body>
+    </html>
+  );
+}
+
+export function getState() {}

docs/app/[[...mdxPath]]/page.jsx

@@ -0,0 +1,25 @@
+export function ResponsiveImage({
+  src,
+  alt,
+  width = "100%",
+  style = {},
+}: {
+  src: string;
+  alt?: string;
+  width?: string;
+  style?: React.CSSProperties;
+}) {
+  return (
+    <img
+      src={src}
+      alt={alt}
+      style={{
+        maxWidth: width,
+        height: "auto",
+        display: "block",
+        margin: "0 auto",
+        ...style,
+      }}
+    />
+  );
+}

docs/app/layout.tsx

@@ -0,0 +1 @@
+export * from "./ResponsiveImage";