skeleton icon indicating copy to clipboard operation
skeleton copied to clipboard

docs: update home page repl links

Open Hugos68 opened this issue 8 months ago • 5 comments

Since Tailwind supports being used in containerized environments like Stackblitz again we can swap out our homepage REPL links to actual stackblitz projects.

Image

Hugos68 avatar Apr 16 '25 17:04 Hugos68

Each of the projects can be found here: https://github.com/orgs/skeletonlabs/repositories?q=repl

I'd recommend we:

  1. Update the dependencies for each project
  2. Update Tailwind specifically, as this only works on the latest release
  3. I'll update the URL for each project to link to the Stackblitz link
  4. 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.

endigo9740 avatar Apr 16 '25 18:04 endigo9740

@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?

endigo9740 avatar Apr 25 '25 18:04 endigo9740

I will let you know, need to check

Hugos68 avatar Apr 25 '25 19:04 Hugos68

@endigo9740 It's strictly tailwind 4.1.4 or higher: https://github.com/tailwindlabs/tailwindcss/blob/main/CHANGELOG.md#414---2025-04-14

Hugos68 avatar Apr 27 '25 15:04 Hugos68

Moving to v4. We'll want to update our minimum version of Tailwind to account for this, which requires a major release.

endigo9740 avatar Apr 30 '25 17:04 endigo9740

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.

endigo9740 avatar Jul 30 '25 15:07 endigo9740

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

endigo9740 avatar Jul 31 '25 15:07 endigo9740