Thanks for the info brother, your tutorial helped setting up shadcn in one go, just one suggestion for anyone watching this video and is unable to see any tailwind css classes being applied on their components, they can check the "tailwind.config.js" file and add this in their "content" property , content: ["./src/**/*.{html,js,jsx}"]. Thanks again bro :)
timestamps for each section of the video: 00:00:00 - 00:01:20 - Introduction 00:01:20 - 00:03:09 - Installing Daisy UI and Tailwind 00:03:09 - 00:04:12 - Adding buttons to switch between themes 00:04:12 - 00:05:18 - Storing the selected theme in local storage 00:05:18 - 00:10:13 - Conclusion
github.com/dillionverma/portfolio/commits/main/ You can check the specific commits. github.com/dillionverma/portfolio/tree/0ff99d63b1f3d435f81c05aeba3a99cd4b9a26e4 this is the code before i uploaded the video if you want.
Showing this error in page.tsx after writing <Sidebar /> Property 'children' is missing in type '{}' but required in type '{ children: ReactNode; open?: boolean | undefined; setOpen?: Dispatch<SetStateAction<boolean>> | undefined; animate?: boolean | undefined; }'.ts(2741) sidebar.tsx(61, 3): 'children' is declared here.
And if still facing the error make sure you define the type of children correctly in Sidebar Make sure to define children like this ({children}:Readonly<{children:React.ReactNode}>)