Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Add Stack for Inertia + Svelte 5 #439

Closed
wants to merge 4 commits into from

Conversation

kresnasatya
Copy link

Hi Taylor and Laravel team!

My name's Kresna. In this PR, I would like to contribute to add stack for Inertia + Svelte 5. In summary this stack contains Svelte 5 components with InertiaJS version for Svelte 5 is version 2.0.0-beta2. I have test this stack by creating a chirper from Laravel Bootcamp with Laravel + Inertia + Svelte 5: https://github.com/senkulabs/chirper/tree/inertia-svelte. I also create a community package for Inertia + Svelte 5 called breeze-lite along with documentation how to use breeze-lite in https://breeze-lite.senku.stream/.

Breeze lite is a unofficial Laravel Breeze for Inertia + Svelte 5 until Laravel Breeze release the official for Inertia + Svelte 5.

As the definition above, I will keep maintaining the breeze-lite until Laravel team or Laravel team with communities shipped official Inertia + Svelte 5 together into Laravel Breeze. The template of this PR come from the breeze-lite. Well, it's hard to maintain especially the consitency between each components, align with Laravel Breeze official, and keep standard quality. 😅 But, sometimes it's excited and it push me to make it even better!

To align with Laravel Breeze official template, I have accomplished some criterias:

  1. Support Dark Mode.
  2. Support for Linter + Prettier. For extra: I also add a checker Svelte component with svelte-check.
  3. Support SSR.
  4. Support TypeScript.
  5. No third-party library used to create transition in Svelte component especially Modal components. Previously, I use Modal components from pedroborges/laravel-breeze-svelte. But, it uses the third-party library like svelte-portal and svelte-transition to create a Modal components. So, I remove it and use the Svelte in-house power like svelte/transition and runes by Svelte 5 to achieve the same result.

I'm looking forward a review from you, Laravel team, or the community who enthusiast with Inertia and Svelte 5. Thank you.

@taylorotwell
Copy link
Member

Hi! Can you publish this on your own GitHub as a breeze-svelte package? Thanks!

@kresnasatya
Copy link
Author

Hi Taylor, sure. I have publish that in packagist.org:
https://packagist.org/packages/senkulabs/breeze-lite. Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants