https://kotlinlang.org
Join Slack
Hi, how would you go about using <@U052WK283V2>'s shadcn/ui and kobweb's silk at the same time ? I'm...
# kobweb
h
Hi, how would you go about using @Vaibhav's shadcn/ui and kobweb's silk at the same time ? I'm a bit familiar with html, css(not with react) but I'm finding it hard to 
create
shadcn/ui layouts. Also I'm facing some weird build problems that surfaced after i added shadcn/ui & tailwind-kt to my project
d
While I'm sure you could use both at the same time (it's all just generating DOM elements at the end of the day), it's probably easier to think of the two solutions as stomping around in the same space.
The shadcn / tailwind stuff is opinionated in its own way, is what I mean, so you'd be running two opinionated systems at the same time.
The shadcn stuff is, as I understand it, designed to work with Kobweb but not Silk. Making Silk and shadcn shake hands is not something I know about personally.
I'm sure Vaibhav can say more when he sees this thread!
h
Because of the abnormal build issues and other stuff you mentioned I think I'll drop shadcn/ui for now and just use Silk and Tailwind
d
Apologies since Silk is barebones still compared to Shadcn, although we're working actively in that area now. Let me know if there are any widgets specifically you want that are still missing, in case it helps me change my priorities.
v
Yea shadcn and silk don't go in together so you have to completely drop all silk deps and use 
KobwebApp
instead of 
SilkApp
in app block
You can play around with the shadcn-kobweb template if you don't want to spend time configuring layouts https://shadcn-kotlin.vercel.app/docs/installation#create-a-new-project
👍 1
h
@David Herman No need to apologize, I understand the project's still young. Well, I was mainly going for shadcn/ui for ready-to-use components and visual candy. The main widget that I need is, a good looking NavBar and shadcn/ui's Nav Menu is a perfect fit. The website I'm making is not too complex neither too simple, it will have a home page and about a dozen of similar looking sub pages(product pages). Mostly because of time constraints I don't want to fiddle around with much html/css stuff, so hence I tried using shadcn/ui. Well seems like I can't escape css, so I will have to learn it now.
👍 1
@Vaibhav I just cloned the template exactly as shown in the docs with kobweb create, but I can't get it to build with IntelliJ or 
kobweb run
: IntelliJ : 
shadcn-kobweb/site/build.gradle.kts' line: 4
An exception occurred applying plugin request [id: 'com.varabyte.kobweb.application', version: '0.13.9']
> Failed to apply plugin 'com.varabyte.kobweb.application'.
> This project is not a Kobweb project but is applying the Kobweb plugin.
Kobweb run outputs : 
✗ This command must be called in a Kobweb application module.
Both when inside 
site/
and project root
d
If you're getting that error it means it can't find a .kobweb folder in there
Can you check for a site/.kobweb folder?
CSS with component styles isn't always terrible. Let me know if you have any questions!
👍 1
h
Yes, there isn't a .kobweb folder in 
site/
d
@Vaibhav you may want to check your template
h
Yeah there isn't one in the template either, I just checked the repo
d
Meanwhile run 
kobweb create app
in a temporary folder somewhere and just steal the .Kobweb folder from there
h
d
You'll need to edit the conf file but it's pretty self explanatory
h
Done, it's building now, thanks
Weird.. The server is up and running, only with some babel warnings, but the website shows blank. I check in the dev console that the site's .js is not loading. The server responds with 500 when it's requested
d
Double check all the conf paths are correct?
You may need to tweak the name of the js file in your build script as well
You can see the site/build.gradle.kts file in the example project for reference
You can also check the logs of the server, under .Kobweb/server/logs
You can set the logging level to trace if you need to
h
Thanks, just changing the kobweb application name in build.gradle.kts fixed it
d
I should probably have a better error for that situation than a 500 if possible. If you got a 404 at least maybe it would have been easier to track down
Add it to the pile .........
h
Yeah, the pile must be big...
What are you currently working on mainly ?
Stevdza mentioned in his video couple months ago that the dedicated Docs page were on the way.. )
d
Ah yeah, those are in progress too
I am actively focusing on core widgets right now
If I already wrote docs first I would have had to rewrite all those sections because we're still locking things down
You can check out the roadmap for more details of everything distracting me at the moment. Believe it or not though the fact I'm working on widgets means the end is drawing near: https://docs.google.com/document/d/1n2Jd02yzuxaatpT7gOhEuijzfaSu9UIaQTV2t4EPcPk
K 1
Broad strokes are: remaining foundational widgets, a buttload of less popular css properties (very rare people ask for new ones these days), migrating some of the logic from Gradle to KSP, and docs.
👍 1
h
Well, wish you more energy for all that. I'll try my best to help
<"Kobweb Silk should provide enough widgets that the value proposition of using it is high. Basically, using just Silk, most users making fairly standard sites should be able to accomplish most of what they want with what's provided (and it should look good)." 💯
d
Thanks!!
For now just keep using Kobweb and send me feedback, that's really helpful.
🤝 1
v
Oops sorry about that. Fixed it now
👍 2
9 Views
Open in Slack
PreviousNext
Powered by

kotlinlang

A modern programming language that makes developers happier.

Powered by