Inertia.js

repo: innocenzi/awesome-inertiajs
category: Front-End Development related: Javascript

A tool for building single-page applications using classic server-side routing and controllers. <br /> <br /> <a href="https://github.com/sindresorhus/awesome"> <img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"> </a>   <a href="https://github.com/sindresorhus/awesome-lint"> <img src="https://github.com/innocenzi/awesome-inertiajs/workflows/Lint/badge.svg" alt="Lint status"> </a> <br /> <br /> </p>

Contents

• Useful Links
• Adapters
  • Client-side
  • Server-side
• Resources
  • Presets
  • Packages
  • Articles
  • Examples
  • Other

Useful Links

Legend: 💜 Official · ⭐ Featured

• Documentation - Official website and documentation.
• Twitter - Official Twitter account.
• Discord - Official Discord server.
• Organization - Official GitHub organization.

Adapters

Client-side

• 💜 Vue.js
• 💜 React
• 💜 Svelte
• Mithril
• Preact

Server-side

• 💜 Laravel
• 💜 Rails
• 💜 Django
• 💜 Phoenix
• Statamic
• [ASP.NET Core](https://github.com/kapi2289/InertiaCore)
• CakePHP
• ColdBox
• Phoenix
• Symfony
• Yii2
• Django
• Fiber
• Node.js
• Masonite
• WordPress
• Flask
• Adonis
• CanJS
• Clojure
• CodeIgniter
• Go
• PSR-15
• Rust
• Oak (Deno)
• Echo
• Grails
• FastAPI
• Hyperf

Resources

Presets

• 💜 Laravel Breeze - Laravel's official authentication scaffolding, with Tailwind CSS and Inertia.js.
• 💜 Laravel Jetstream - Laravel's official application scaffolding, with Tailwind CSS, Inertia.js and Vue.js.
• Laravel front-end preset - Laravel front-end preset for Inertia.js.
• Laravel Moonlight - Laravel front-end preset with Tailwind CSS, Inertia.js and Vue.js.
• Titanium - Laravel front-end preset with Tailwind CSS, Inertia.js and Vue.js.
• Breeze React - Laravel Breeze fork with Tailwind CSS, Inertia.js and React.
• Laravel Jetstream React - Converts the official Laravel Jetstream Inertia.js starter kit to React.

Packages

• Page loader - Unplugin for loading Inertia pages from configured namespaces.
• Flash - Laravel package for sharing properties from anywhere.
• Dry requests - Generic Laravel package for real-time form validation.
• Kakunin - Laravel package for real-time form validation.
• Resource Links - Laravel package for adding links to API resources.
• Navigation - Laravel package for generating menus, breadcrumbs and other navigational elements.
• Tables for Laravel - Provides a DataTable component with integration for Laravel Query Builder.

Articles

• Introducing Inertia.js
• Server-side applications with client-side rendering
• Inertia.js and Livewire: a high-level comparison
• [Handling authorization in a Laravel and Inertia.js application](https://sebastiandedeyne.com/handling-authorization-in-a-laravel-and-inertia-application/)
• [Handling routes in a Laravel and Inertia.js application](https://sebastiandedeyne.com/handling-routes-in-a-laravel-inertia-application/)

Examples

• 💜 Ping CRM / Laravel - Demonstration application made with Laravel and Vue.js.
• 💜 Ping CRM / Svelte - Demonstration application made with Laravel and Svelte.
• Ping CRM / Django - Demonstration application made with Django and Vue.js.
• Ping CRM / Rails - Demonstration application made with Ruby on Rails and Vue.js.
• Ping CRM / CakePHP - Demonstration application made with CakePHP and Vue.js.
• Ping CRM / Masonite - Demonstration application made with Masonite and Vue.js.
• Ping CRM / React - Demonstration application made with Laravel React.
• Ping CRM / Clojure - Demonstration application made with Clojure and Reagent.
• Ping CRM / Flask - Demonstration application made with Flask and Vue.js.
• Ping CRM / Echo - Demonstration application made with Echo and Vue.js.
• Ping CRM / Preact - Demonstration application made with Laravel Preact.
• Ping CRM / Grails - Demonstration application made with Grails and Vue.js.

Other

• Built with Inertia - Showcase of products built with Inertia.js.
• Jetbrains plugin - PhpStorm/Intellij Ultimate plugin for Inertia.js.
• Code extension - Visual Studio Code extension for Inertia.js.

<p align="center"> <br /> <br /> <br /> · <br /> <br /> _{Contributions welcome! Read the <a href=".github/CONTRIBUTING.md">contribution guidelines</a> first.} </p>