nextui-org / next-app-template Goto Github PK

i am fairly new to this so changing the fonts inside fonts.ts is not really changing the fonts for my environment
i have tried to set it directly inside the layout.tsx directly but it still does not work that properly.

Describe the bug

Running Lighthouse on a near stock navbar from the V2 template leads to a score of 98 in accessibility. The only changes made are just different links, and no more search bar.

This happens in both desktop and mobile mod, and is because the list of items doesn't contain only <li> elements.

Might work on a PR next week if it is an easy fix.

Your Example Website or App

https://portfolio-oop9rd9k1-sinan-karakaya.vercel.app/fr

Steps to Reproduce the Bug or Issue

Clone the latest next-app template.
Run Lighthouse
Get 97-98 in accessibility because of the navbar items.

Expected behavior

Get a 100 score on accessibility when using the stock config

Screenshots or Videos

mobile version with a score of 98:

desktop version with a score of 97:

Operating System Version

Windows 11

Browser

Chrome

hi guy
I look this template I found duplicate import @component/icons in Navbar component

#13

NextUI Version

2.0.19

Describe the bug

It's only possible to update accordion selection through the onSelectionChange handler. I have attached a link to a codesandbox demonstrating a simple example where accordions are used as steps with Back/Next buttons. When trying to change selectedKeys - nothing happens.

  const [selectedKeys, setSelectedKeys] = React.useState<Selection>(new Set(["1"]));

  return (
    <Accordion
      selectedKeys={selectedKeys}
      onSelectionChange={setSelectedKeys}
    >
      <AccordionItem key="1" aria-label="Accordion 1" title="Accordion 1">
        <Button onClick={() => setSelectedKeys(new Set(["2"]))}>Next</Button>
      </AccordionItem>
    </Accordion>
)

Your Example Website or App

https://codesandbox.io/p/sandbox/reverent-maria-vr8229

Steps to Reproduce the Bug or Issue

1. Click on the link to sandbox
2. See accordions
3. Click on the "Next" button

Expected behavior

I'd expect that it's possible to update selectedKeys from any handler by just returning new Set of values (new Set())

Screenshots or Videos

No response

Operating System Version

macOS 12.3.1

Browser

Chrome

There's an error when the page is set to light mode:

Warning: Prop aria-label did not match. Server: "Switch to light mode" Client: "Switch to dark mode"

Unhandled Runtime Error
Error: Hydration failed because the initial UI does not match what was rendered on the server.

Warning: Expected server HTML to contain a matching in .

See more info here: https://nextjs.org/docs/messages/react-hydration-error

Component Stack
path
svg
MoonFilledIcon
./components/icons.tsx (112:11)
div
label
ThemeSwitch
./components/theme-switch.tsx (19:11)
ul
eval
./node_modules/@nextui-org/navbar/dist/chunk-PSG7VTZC.mjs (20:11)
header

Update to Next14

https://github.com/nextui-org/next-app-template/blob/28c4c69df3d6af9e71bc1817418338c1d065530b/package.json#L33C23-L33C23

Thanks for the great starting template. I'm running into a strange issue. I've pretty much matched line by line the setup and the navbar is functioning oddly for me.

I don't get the menu icon and when I tap I see the Open/close text toggle but it's not opening the menu.

Any thoughts?

As the previous version of types react does not work with the latest redux toolkit

Do checkout this pr : #15

Error: Cannot access navItems.map on the server. You cannot dot into a client module from a server component. You c Error: Cannot access navItems.map on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.

Just created app using the template.
npx create-next-app@latest myapp -e https://github.com/nextui-org/next-app-template

After setup, I immediately ran it. Warning in terminal:
⚠ Unsupported metadata themeColor is configured in metadata export. Please move it to viewport export instead.

Thanks for fixing. Great work!