To begin, let's scaffold our project using the Skeleton CLI. Note that we've listed a couple required options for this guide.
Add Sidebar Navigation
Let's customize our App Shell's sidebar slot. Open
/src/routes/+layout.svelte and add the following Tailwind
utility classes to the AppShell
Next, let's implement a navigation list within the App Shell's left sidebar slot. Append
this slot fragment alongside any other fragment within the
Let's add some basic content to our homepage. Open
/src/routes/+page.svelte and replace the contents with
the following. This will provide multiple elements automatically styled by the
skeleton.css stylesheet in our
Add a Component
Finally let's implement Skeleton's Avatar component. First, import the component,
then add it anywhere within your page, we recommend within the
Congrats! You have now created a simple Skeleton project. Feel free to begin customizing and implementing additional Tailwind, Svelte, and Utility features.