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...DiscussJavaScript
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 ...DiscussTypeScript
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 ...DiscussJavaScript
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 ...DiscussJavaScript
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...Discuss·11 likes·64 readsNext.js
Ramu Narasingaramunarasinga.hashnode.dev·Jul 12, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.12I 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 ...DiscussJavaScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 11, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.11I 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.10, we looked at getRegistryBaseColors function, prompts, creating components.json and resolveConfigPaths. Now that we un...DiscussOpen Source
Ramu Narasingaramunarasinga.hashnode.dev·Jul 10, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.10I 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.9, we looked at getRegistryStyles function, fetchRegistry function and stylesSchema. In this article, we will understand t...DiscussJavaScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 9, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.9I 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.8, we looked at function promptForMinimalConfig and its parameters and how the shadcn-ui CLI uses chalk to highlight text ...DiscussJavaScript
Ramu Narasingaramunarasinga.hashnode.dev·Jul 8, 2024shadcn-ui/ui codebase analysis: How does shadcn-ui CLI work? — Part 2.8I 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.7, we looked at function isTypescriptProject this function checks if the cwd (current working directory) has a tsconfig.js...DiscussJavaScript