docs: update home page repl links
Since Tailwind supports being used in containerized environments like Stackblitz again we can swap out our homepage REPL links to actual stackblitz projects.
Each of the projects can be found here: https://github.com/orgs/skeletonlabs/repositories?q=repl
I'd recommend we:
- Update the dependencies for each project
- Update Tailwind specifically, as this only works on the latest release
- I'll update the URL for each project to link to the Stackblitz link
- Then we replace the links on the homepage above with each link
The text on the left should be adjusted a follows:
Live Previews
Try Skeleton live in any of the following web frameworks.
The more link should continue to link to the Onboarding section.
@Hugos68 can you clarify if this requires a particular version of Tailwind or if it's retroactive all the way back to Tailwind v4.0.0?
I will let you know, need to check
@endigo9740 It's strictly tailwind 4.1.4 or higher: https://github.com/tailwindlabs/tailwindcss/blob/main/CHANGELOG.md#414---2025-04-14
Moving to v4. We'll want to update our minimum version of Tailwind to account for this, which requires a major release.
With our recent round of dependency updates we now meet the conditions for this to work. All thats's required would be for users to update the dependencies for each REPL project and then generate the Stackblitz links. Once available those can be inserted into the homepage of the docs.
Each REPL project is a standalone public repo, so anyone can contribute the changes. I'll link to each below:
- Svelte/Kit: https://github.com/skeletonlabs/skeleton-repl-sveltekit
- React/Next.js: https://github.com/skeletonlabs/skeleton-repl-nextjs
- Vue/Nuxt: https://github.com/skeletonlabs/skeleton-repl-nuxt
- Solid/Start: https://github.com/skeletonlabs/skeleton-repl-solidstart
- Astro: https://github.com/skeletonlabs/skeleton-repl-astro
I'd like to prioritize this issue as REPLs are helpful for both support and for new users to try Skeleton.
Here's the REPL links:
- Svelte/Kit: https://stackblitz.com/github/skeletonlabs/skeleton-repl-sveltekit?file=README.md
- React/Next.js: https://stackblitz.com/github/skeletonlabs/skeleton-repl-nextjs?file=README.md
- Vue/Nuxt: https://stackblitz.com/github/skeletonlabs/skeleton-repl-nuxt?file=README.md
- Solid/Start: https://stackblitz.com/github/skeletonlabs/skeleton-repl-solidstart?file=README.md
- Astro: https://stackblitz.com/github/skeletonlabs/skeleton-repl-astro?file=README.md