I have been working on developing a registration form using Next.js, react-hook-form, and Zod. Here is the code snippet for the form component: 'use client'; import { z } from "zod"; import { useRef } from "react"; import { u ...
I am currently developing a basic navigation bar using Next.js along with the sheet component from shadcnui to manage the mobile version of the navigation. After clicking on a link in the mobile navbar, I get redirected correctly to the respective page. H ...
I'm currently troubleshooting the implementation of dark mode functionality in my Next.js project using the new app directory structure. Despite successfully registering click events on the toggle button for theme switching (as seen in console logs), the t ...
I'm currently working on a form for a client where one of the questions requires the user to select checkboxes (or multiple checkboxes). I'm still learning about zod's schema so I'm facing some challenges in implementing this feature. I have experimented w ...
My latest project involves creating a Notion-inspired app using Next.js and the shadcn/ui library from [https://ui.shadcn.com/]. I attempted to add shadcn/ui to my project using npm and yarn, but encountered some difficulties along the way. ...
I have been attempting to incorporate the shadcn dark mode ui, but unfortunately, I am facing difficulties in downloading the package. Upon running npm i next-themes in the terminal, this is the output that I receive: $ npm i next-themes up to date, aud ...
I'm currently working on a project using the shadcn/ui library. How can I properly customize it to meet my specific needs? For example, let's say I require an extra large red rounded Button for a call-to-action button in my project. What would be the best ...
Currently, I am utilizing shadcn/ui components to develop the frontend for my NextJS 14 project. However, upon attempting to add any component using the command: npx shadcn-ui@latest add navigation-menu, I encountered an error on Ubuntu 22.04. Despite try ...