svelte-adders
sveltekit-starter
Our great sponsors
svelte-adders | sveltekit-starter | |
---|---|---|
19 | 5 | |
1,384 | 585 | |
1.3% | - | |
8.4 | 0.0 | |
about 1 month ago | 2 months ago | |
JavaScript | Svelte | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svelte-adders
-
I made a set of devtools for small projects
Perhaps your tool can steal some inspiration from the following:
- svelte-add is a similar tool for Svelte(Kit) projects: https://github.com/svelte-add/svelte-add
- svelte-add was originally based on a more generic tool: https://preset.dev
- I actually find `npm create svelte@latest` sufficient most of the time. It's like a starter project with presets for most best practices.
- SvelteKit + Tailwind CSS - I made a script to automate the setup!
-
How to integrate TailwindCSS with SvelteKit
For this tutorial, I’ll show you how to use a utility package named svelte-add to handle the integrations.
-
SvelteKit 1.0
If you're just learning SvelteKit, check this tool out: https://github.com/svelte-add/svelte-add
It will save you a ton of time by making it really easy to add integrations to your projects (like Tailwind, Bootstrap, Supabase, Jest, etc)
-
Can Svelte absorbs TailWind?
By the way svelte-add is a great tool to quickly add Tailwind and a bunch of useful tools to a project. Highly recommended! I'm always starting new projects to experiment and this thing saves me a lot of time.
-
How to Create a Blog with SvelteKit and Strapi
We'll use SvelteAdd to add TailwindCSS to our application quickly. Run the below command to add TailwindCSS to our project.
-
How to Set Up Svelte with Tailwind CSS
I've created a couple of example projects using the npm init command for both Vite and Svelte. Added in Tailwind support using Svelte Add and replaced the index page styles on each with Tailwind styles.
-
Svelte Starter Kit - Helpful Learning Resources & Packages
Svelte Add
- Is there an authoritative guide on how to install tailwind?
-
Barebones SvelteKit + TailwindCSS Starter
and then svelte-add https://github.com/svelte-add/svelte-add
sveltekit-starter
-
Load data from an API on localhost - then deliver from SvelteKit server to client
For Endpoints, I'd recommend checking out this example for a good idea on how they're used. If you're gonna be transforming the external API data, you can do it in the Endpoint. Speed really hasn't been a concern for me, even deployed on Cloudflare Workers. Here's one of my endpoints, for an example of how I use and abuse endpoints lmfaoo.
-
Design systems with Storybook - seeking suggestions
I saw that but it's not really designed for component libraries. It's also SSR. I'm looking to do client side rendering. Really good template though. Will probably take inspiration from it when moving past components.
Yes, try this one - https://github.com/navneetsharmaui/sveltekit-starter
- Good Sveltekit template
What are some alternatives?
cookiecutter-sveltekit-fastapi - A cookiecutter template for creating a custom Web app that combines SvelteKit and FastAPI
sveltekit-seo - Demo site for SvelteKit SEO showing how to set up meta tags in a SvelteKit blog site.
svelte-adapter-firebase - SvelteKit adapter for Firebase Hosting rewrites to Cloud Functions for a Svelte SSR experience
sveltekit-prisma - A sample repository to show how SvelteKit and Prisma work together.
svelte-tw-pagination - Svelte + tailwindcss pagination component
husky - Git hooks made easy 🐶 woof!
sveltekit-s3-compatible-storage - SvelteKit S3 compatible storage: how you can upload files to your cloud storage provider from your Svelte app using presigned URLs.
eslint-plugin-svelte3 - An ESLint plugin for Svelte v3 components.
sveltekit-instagram-infinite-scroll - SvelteKit infinite scroll: see how you can use Svelte stores and a reactive function to implement an infinite scrolling Instagram feed.
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
tailwind-editor - notion like tailwindcss editor built with svelte
sveltegram-sveltekit-web - This is a simple instagram like image and post sharing web app where user can follow another user view their profile like post and create post