Asiones Jiaasiones.hashnode.dev·Dec 18, 2024Eslint warning Classname 'xxx' is not a Tailwind CSS class! tailwindcss/no-custom-classname when using shadcn/uiHow to fix it Just add a rule in lint file. // .eslintrc "rules": { /** ... **/ "tailwindcss/no-custom-classname": "off" }, Why do this? https://github.com/shadcn-ui/ui/blob/ea677cc74eb0b35591e06558af80cfce2c5b926b/.eslintrc.json#L14...shadcn ui
Think Throothinkthroo.hashnode.dev·Nov 29, 2024Execa vs using child_process to execute CLI commands programmatically.In this article, we analyse two ways to execute CLI commands programmatically found in Shadcn/ui and CodeMirror. Have you ever wondered if it is possible to run CLI commands programmatically? We are going to look at how Shadcn/ui uses execa and how C... Codemirror Execa
Punam Kumaripunam-1674812033403.hashnode.dev·Jul 31, 2024DXV phase1 :what is DXV? Its an app where people of same kind of interest can tweet in this platform and create a group where they can include their friends and work upon some projects. Features: Any user has the access to create a group and can add members int...DrizzleORM
Ramu Narasingaramunarasinga.hashnode.dev·Jul 30, 2024Comparison of file and component structures among Shadcn-ui, Plane.so and Gitroom.In this article, we will look at folder structures in Shadcn-ui, Plane.so and Gitroom used to organise a Next.js project. Shadcn-ui file and component structures: File structure Shadcn-ui/ui uses app router and has a Router group named (app). In the...1 likefilestructure
Shivam Katareshivamkatareblog.hashnode.dev·Jul 30, 2024How to Build an Image Caption Generator App Using AI with HuggingFace and GeminiAI is changing our daily lives, helping with many tasks and sparking new ideas. Today, we're joining this trend to start an exciting project. In this tutorial, I'll show you how to build an AI Image Captioner – a tool that uses the HuggingFace Model ...60 readsgemini
Ramu Narasingaramunarasinga.hashnode.dev·Jul 19, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 3.1I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 3.0, I discussed how npx shadcn-ui add <component> command is registered. We will look at few more lines of code from packag...JavaScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 17, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.15I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.11, we looked at runInit function and how shadcn-ui/ui ensures directories provided in resolvedPaths in config exist. The ...TypeScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 16, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.14I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.11, we looked at runInit function and how shadcn-ui/ui ensures directories provided in resolvedPaths in config exist. The ...JavaScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 15, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.13I wanted to find out how shadcn-ui CLI works. In this article, I discuss the code used to build the shadcn-ui/ui CLI. In part 2.11, we looked at runInit function and how shadcn-ui/ui ensures directories provided in resolvedPaths in config exist. The ...JavaScript
Vineeta Jainninjavin.hashnode.dev·Jul 14, 2024How I built Jargonize using NextJS, Groq API and VercelIn this blog post, I will walk you through the process of building Jargonize, a web application that transforms casual text into professional corporate language using GroqAPI. The project is built with Next.js, leverages components from Shadcn, and i...11 likes·69 readsNext.js
