I HACKED ShadCN to Create Insane React Templates and Installers

[@nro337]

Love this original video idea!! cant wait to see this start popping up in repos everywhere!

[@carlosricardoziegler2650]

Wow this is really game changer!!! I know the powerful from Shadcn but now this open big possibilities!! Amazing content

[@JollyCoding]

Awesome tool, so many potential usages for easy getting started guides, tutorials and more. You don’t have to clone a demo now and copy the code over, they can just provide the registry to pop it straight into your project!

[@electroheadfx]

you are great ! amazing tool you made ! thanks I love the concept (btw Pro-nextJS is amazing). A quick question: would like it possible to update a json setup based on some changes applied after the initial creation ?

[@furycorp]

shadcn takes copy and paste to the next level by saving the copy and paste part. thanks for the video!

[@ArjunShankar1]

Great video Jack and very innovative way to use ShadCn! I am curious if this were to be used in a production context, do we know at all if this so called 'hack' is likely to be supported in the future by the ShadCn team? Since the thought of building a future set of whitelabelled UI for multiple clients with the various .json files would be compelling, but would be awful if ShadCn deprecates support for this (if its thought of by them as an unintentional workaround) 😅

[@ramshankarchoudhary9448]

nice! I am gonna create some of my own components Thanks for your research!

[@nyumat]

Learned something new! As always, thanks Jack!

[@Technology_Forum]

can you provide the configuration for the terminal it looks so good what theme are you using

[@jherr]

Here is the .oh-my-posh configuration. gist.github.com/jherr/2266b85556b8f8dc65c4e0e512f62ed7

[@aj35lightning]

not the clearest video from a script editing. especially in all the auth trudging setup. would be helpful to frame what is about to happen in full so theres some anchoring in where we are in the narrative. the presentation of the information was all the same, even a quick excali of all the stages of what's being built and referencing where we're at now would help a lot. we see in contrast

[@trejohnson7677]

stfu and just slap minified js into a field of a json object l0l

[@shahreazneeloy2119]

just amazing stuff

[@AlexanderBelov-y8o]

I've created the components for my form with v0. Crazy how good quality code it generates. Saved me an hour.

[@nickwoodward819]

Honestly think v0 is crap. Frequently fails on simple components. When it does get something right it tends to just be generic shadcn, which you can do manually to avoid having all your code in one massive block

[@trejohnson7677]

@@nickwoodward819brother i fucking hear u. I can’t get it past 500 lines

[@techknowledgebase4504]

Awesome feature

[@Technology_Forum]

Which extension are you using to highlight part of the code in vs code during your presentation

[@jherr]

None. That's completely manual in post.

[@Technology_Forum]

Which terminal are using is it kitty and what configuration you have made to look the prompt so nice and also with your cursor terminal

[@jherr]

It's oh-my-posh with a custom configuration. gist.github.com/jherr/2266b85556b8f8dc65c4e0e512f62ed7

[@blarvinius]

Woah. What have you done? 🧠

[@dave6012]

Pretty cool stuff! Idk why it bothers me that you type `rm -fr` instead of `rm -rf` even though the flags are interchangeable and it’s functionally equivalent 😅 More like, “remove fr fr, no cap” lol

[@jherr]

I use them interchangeably. AFAIK there is no canonically correct way. This is one of those toilet paper over the top or under the bottom type situations. :)

[@dave6012]

@@jherr I 100% agree. Maybe it’s a generational gap (I’m old too, but relatively new to programming)

[@cintron3d]

`rm -rf` forever 😂

[@Innesb]

@@jherr I’m going to be that guy. Research has shown that toilet paper over the top is more hygienic as the paper is less likely to touch the wall, and is less likely to require hand-contact with the wall. The wall next to the toilet is likely to be the most germ-ridden place in the bathroom other than the toilet itself.

[@jherr]

@@Innesb Good thing I go over the top then!

[@littleluce]

Can this tool work if I want to run codemods also? I've been working on a similar idea for a more niche tech stack, but I would love to leverage this shadcn tool instead if possible

[@jherr]

Not as it is, no. I suppose that could be a possibility. I had to PR the CLI to make this tool work and they were very receptive to the PR.

[@hectoraldairaguilarhernand6556]

Hey! Can somone explain to me why is this different from just cloning a repository with all the code you want to share?

[@jherr]

Cloning the repo would give you static versions of all of the dependencies. You'd need to keep the repo up to date with versions. Also, cloning the repo has no way of adding code to an existing repo, this method supports that.

[@cintron3d]

Why do this instead of fork/copy from another repo?

[@trejohnson7677]

ur gunna use git clone for one file lol. u should see whats under the porcelain guy.

[@Lemmy4555]

how is this better than npm create ?

[@greendsnow]

Erm... What happened to git clone

[@cintron3d]

Right? Why would I go to this much trouble to create a JSON file when I'll need to maintain a clone-able getting started project anyway?

[@khoinguyen-ft2ys]

Awesome!

[@dancoman8]

How can we use this to make a no code website builder with live editing?

[@Ss-zg3yj]

lol 🤡

[@trejohnson7677]

2bad you have to click retry 10k times2 work w/ v0.