DEV Community

Lalit Yalamanchili
Lalit Yalamanchili

Posted on • Updated on

Sveltey: Cli for Svelte-Kit

Introduction

Hello, Dev Community. This is my first post, so I hope I am doing this right. This is me.

lalit64 image

What is Svelte?

Taken from https://svelte.dev/

Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app.

Instead of using techniques like virtual DOM diffing, Svelte writes code that surgically updates the DOM when the state of your app changes.

What is Svelte-Kit?

Taken from https://kit.svelte.dev/

SvelteKit is a framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.

Unlike single-page apps, SvelteKit doesn't compromise on SEO, progressive enhancement or the initial load experience — but unlike traditional server-rendered apps, navigation is instantaneous for that app-like feel.

What is Sveltey

Sveltey is a Cli I made for Svelte-Kit because I found having a cli is much easier than doing everything yourself.

Sveltey uses the "svelte@next" command line tool to infer the create command

The new command is to create new component in the
./src/components folder.

Usage

Installation

In the terminal just type npm install -g @lalit64/sveltey.

Once that is done, to create a Svelte-Kit project using

svl create $NAME

replace $NAME with the name of your project.

To generate a new Component, make sure you are in the folder of your project...

svl new $NAME

replace $NAME with the name of your component.

Conclusion

Thanks for reading my post. If you want info or want to use my cli. Go to https://github.com/Lalit64/sveltey or https://www.npmjs.com/package/@lalit64/sveltey

Top comments (1)

Collapse
 
etienneburdet profile image
Etienne Burdet

Nice one, I'll be sure to check it out on my next project !