How to integrate this into a project generated with kotlin multiplatform wizard? #704
-
|
I created a project repo with https://kmp.jetbrains.com/ this app that I am working is https://github.com/empiresec-co/latent you can see the project structure, directories, and how code is bifurcated into UI and biz logic, and then target platform custom code etc. so I was wondering what is the most optimal way to integrate kobweb? and possibly tailwind and shadCN. |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 4 replies
-
|
You essentially want to create a Adding Kobweb to an existing project requires a little bit of manual work at the moment. I wrote up a post about how to do it here: https://kobweb.varabyte.com/docs/guides/existing-project It's not too crazy -- the most annoying part is making sure a valid |
Beta Was this translation helpful? Give feedback.
-
|
thx for quick help. |
Beta Was this translation helpful? Give feedback.
-
|
sorry for being a lazy bum but any guidance on how to add tailwind-js and shadCN? |
Beta Was this translation helpful? Give feedback.
-
|
@dead8309 authored https://github.com/dead8309/shadcn-kotlin so they may have better advice here, or you might simply benefit from looking through their project. Just note it hasn't been updated for two years so it may be stale at this point. But in general, to add JS dependencies in Kobweb, you can generally find documentation on links you should add to the Kotlin/JS also has support for adding NPM dependencies as well. But the official docs around doing this are limited so just be prepared for a bit of a struggle of trial and error. |
Beta Was this translation helpful? Give feedback.
-
|
i would rather have tailwind in npm dev dependencies to make it a comoiler of sorts, to only add css that I imported in the project. thanks for that shadcn link, its a start a atleast. |
Beta Was this translation helpful? Give feedback.
-
|
Hi, @securitybrahh if you want to integrate tailwind with kobweb, you need to configure
tailwind-kt automated this but it won't work now due to some recent changes Before writing that plugin i wrote down a short guide on how to use tailwindcss(v3) + kobweb manually which could be of some help: tailwind-integration.md As for shadcn-kotlin, it's not maintained anymore sorry. The upstream package which provided a packaged version of shadcn stopped publishing new releases. You could use https://github.com/anuoua/shadcn-packaged in your project and
PS: i don't think you should embed react in kobweb, tailwind is fine Edit: here you go, created an example repo for here's the exact commit for adding tailwind: dead8309/kobweb-tailwind-v4@172b4b4
|
Beta Was this translation helpful? Give feedback.
You essentially want to create a
sitesubfolder, which is where your Kobweb module will live.Adding Kobweb to an existing project requires a little bit of manual work at the moment. I wrote up a post about how to do it here:
https://kobweb.varabyte.com/docs/guides/existing-project
It's not too crazy -- the most annoying part is making sure a valid
.kobweb/conf.yamlfile exists in your new project. (This is actually something we're hoping to revisit soon with https://github.com/varabyte/kobweb/issues/702)