Laravel Adds an Official Svelte + Inertia Starter Kit

As of February 17, 2026, Laravel has officially introduced a new starter kit that integrates Svelte 5 with Inertia. This addition complements existing options such as React, Vue, and Livewire, providing developers with a modern toolset for building single-page applications (SPAs) while retaining the robust server-side capabilities of Laravel.

Overview of the Starter Kit

The Laravel Svelte + Inertia starter kit is designed to streamline the development process for creating SPAs. By combining Svelte’s reactive framework with Inertia’s client-side navigation, developers can build applications that feel fast and responsive without sacrificing the power of Laravel’s backend.

Key Features of the Starter Kit

• Svelte 5 with TypeScript: The kit is built on the latest version of Svelte, which offers improved performance and a more intuitive development experience.
• Inertia 2: This version of Inertia allows for seamless client-side navigation without the need for a separate API, simplifying the architecture of applications.
• Tailwind CSS: For styling, Tailwind CSS is included, enabling developers to create visually appealing interfaces quickly.
• UI Components: The kit utilizes shadcn-svelte and bits-ui for pre-built UI components, accelerating the development process.
• Vite: Asset bundling is managed by Vite, which offers fast builds and hot module replacement for a smooth development experience.

Authentication Features

Authentication is a critical aspect of web applications, and the Laravel Svelte + Inertia starter kit includes robust authentication features out of the box, powered by Laravel Fortify. This allows developers to implement essential authentication functionalities with minimal effort.

• Login: Users can securely log into their accounts.
• Registration: New users can create accounts easily.
• Password Reset: Users can reset their passwords through a secure process.
• Email Verification: Ensures that users verify their email addresses after registration.
• Two-Factor Authentication: Adds an extra layer of security for user accounts.

Developers have the flexibility to enable or disable individual authentication features by modifying the configuration file located at config/fortify.php.

Layouts and Design

The starter kit comes with two application layouts to cater to different design needs:

• Sidebar Layout: This is the default layout, which includes three variants: sidebar, inset, and floating. Developers can configure these options in the resources/js/components/AppSidebar.svelte file.
• Header Layout: An alternative layout option that can be used for applications that prefer a header-based navigation structure.

Additionally, authentication pages are designed with three layout variants: simple, split, and card, allowing for flexibility in user interface design.

UI Components

The starter kit leverages UI components from the shadcn-svelte library, which provides a set of reusable components that can enhance the user experience. Developers can easily publish additional components using the command:

npx shadcn-svelte@latest add switch

All components are published to the resources/js/components/ui/ directory and can be imported directly into Svelte files, making it easy to build a cohesive user interface.

Server-Side Rendering (SSR)

Server-side rendering is a powerful feature included in the Laravel Svelte + Inertia starter kit. This capability allows developers to create applications that can render pages on the server before sending them to the client, improving performance and SEO. To build an SSR-compatible bundle, developers can use the following command:

npm run build:ssr

For development purposes, starting the server with SSR enabled can be done using:

composer dev:ssr

Getting Started with the Starter Kit

To create a new application using the Laravel Svelte + Inertia starter kit, follow these steps:

1. Install a new Laravel application using the Laravel installer:

laravel new my-app

2. Navigate into the newly created application directory:

cd my-app

3. Install the necessary dependencies and start the development servers:

npm install && npm run build

composer run dev

Your application will be accessible at http://localhost:8000.

The source code for the starter kit can be found on GitHub at github.com/laravel/svelte-starter-kit, and comprehensive documentation is available in the Laravel starter kits documentation.

Conclusion

The introduction of the Laravel Svelte + Inertia starter kit marks a significant step forward for developers looking to build modern, responsive web applications. By combining the strengths of Svelte, Inertia, and Laravel, this starter kit provides a powerful foundation for creating high-performance applications with ease.

Frequently Asked Questions