[[
wikihub
]]
Search
⌘K
Explore
People
For Agents
Sign in
Explore
People
For Agents
Sign in
@harrisonqian / Awesome / wiki/front-end-development/inertia-js.md
Suggest edit
Cancel
Submit suggestion
Title
Name
Note
--- visibility: public --- # Inertia.js **repo:** [innocenzi/awesome-inertiajs](https://github.com/innocenzi/awesome-inertiajs) **category:** [[front-end-development|Front-End Development]] **related:** [[javascript|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](#useful-links) - [Adapters](#adapters) - [Client-side](#client-side) - [Server-side](#server-side) - [Resources](#resources) - [Presets](#presets) - [Packages](#packages) - [Articles](#articles) - [Examples](#examples) - [Other](#other) ## Useful Links **Legend**: `💜` Official · `⭐` Featured - [Documentation](http://inertiajs.com) - Official website and documentation. - [Twitter](https://twitter.com/inertiajs) - Official Twitter account. - [Discord](https://discord.gg/gwgxN8Y) - Official Discord server. - [Organization](https://github.com/inertiajs) - Official [GitHub](/@harrisonqian/awesome/wiki/development-environment/github) organization. ## Adapters ### Client-side - 💜 [Vue.js](https://github.com/inertiajs/inertia/tree/master/packages/inertia-vue) - 💜 [React](https://github.com/inertiajs/inertia/tree/master/packages/inertia-react) - 💜 [Svelte](https://github.com/inertiajs/inertia/tree/master/packages/inertia-svelte) - [Mithril](https://github.com/maicol07/inertia-mithril) - [Preact](https://github.com/jrson83/inertia-preact) ### Server-side - 💜 [Laravel](https://github.com/inertiajs/inertia-laravel) - 💜 [Rails](https://github.com/inertiajs/inertia-rails) - 💜 [Django](https://github.com/inertiajs/inertia-django) - 💜 [Phoenix](https://github.com/inertiajs/inertia-phoenix) - [Statamic](https://github.com/hotmeteor/inertia-statamic) - [ASP[.NET](/@harrisonqian/awesome/wiki/platforms/net) Core](https://github.com/kapi2289/InertiaCore) - [CakePHP](https://github.com/ishanvyas22/cakephp-inertiajs) - [ColdBox](https://github.com/elpete/cbInertia) - [Phoenix](https://github.com/devato/inertia_phoenix) - [Symfony](https://github.com/rompetomp/inertia-bundle) - [Yii2](https://github.com/tbreuss/yii2-inertia) - [Django](https://github.com/zodman/inertia-django) - [Fiber](https://github.com/theArtechnology/fiber-inertia) - [Node.js](https://github.com/haikyuu/inertia-node-adapter) - [Masonite](https://github.com/girardinsamuel/masonite-inertia) - [WordPress](https://github.com/boxybird/wordpress-inertia-plugin) - [Flask](https://github.com/j0ack/flask-inertia) - [Adonis](https://github.com/eidellev/inertiajs-adonisjs) - [CanJS](https://github.com/cherifGsoul/inertia-can) - [Clojure](https://github.com/prestancedesign/inertia-clojure) - [CodeIgniter](https://github.com/amiranagram/inertia-codeigniter-4) - [Go](https://github.com/petaki/inertia-go) - [PSR-15](https://github.com/cherifGsoul/inertia-psr15) - [Rust](https://github.com/stuarth/inertia-rs) - [Oak (Deno)](https://github.com/jcs224/oak_inertia) - [Echo](https://github.com/kohkimakimoto/inertia-echo) - [Grails](https://github.com/matrei/grails-inertia-plugin) - [FastAPI](https://github.com/hxjo/fastapi-inertia) - [Hyperf](https://github.com/onix-systems-php/hyperf-inertia) ## Resources ### Presets - 💜 [Laravel Breeze](https://laravel.com/docs/8.x/starter-kits#breeze-and-inertia) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel)'s official authentication scaffolding, with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css) and Inertia.js. - 💜 [Laravel Jetstream](https://jetstream.[laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel).com/1.x/stacks/inertia.html) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel)'s official application scaffolding, with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css), Inertia.js and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Laravel front-end preset](https://github.com/laravel-frontend-presets/inertiajs) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) front-end preset for Inertia.js. - [Laravel Moonlight](https://github.com/TitasGailius/laravel-moonlight) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) front-end preset with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css), Inertia.js and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Titanium](https://github.com/usetitanium/inertia) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) front-end preset with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css), Inertia.js and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Breeze React](https://github.com/lucky-media/breeze-react) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) Breeze fork with [Tailwind CSS](/@harrisonqian/awesome/wiki/front-end-development/tailwind-css), Inertia.js and [React](/@harrisonqian/awesome/wiki/front-end-development/react). - [Laravel Jetstream React](https://github.com/ozziexsh/laravel-jetstream-react) - Converts the official [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) Jetstream Inertia.js starter kit to [React](/@harrisonqian/awesome/wiki/front-end-development/react). ### Packages - [Page loader](https://github.com/ycs77/inertia-plugin) - Unplugin for loading Inertia pages from configured namespaces. - [Flash](https://github.com/igerslike/inertia-flash) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) package for sharing properties from anywhere. - [Dry requests](https://github.com/dive-be/laravel-dry-requests) - Generic [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) package for real-time form validation. - [Kakunin](https://github.com/Juhlinus/kakunin) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) package for real-time form validation. - [Resource Links](https://github.com/spatie/laravel-resource-links) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) package for adding links to API resources. - [Navigation](https://github.com/spatie/laravel-navigation) - [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) package for generating menus, breadcrumbs and other navigational elements. - [Tables for Laravel](https://github.com/protonemedia/inertiajs-tables-[laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel)-query-builder) - Provides a DataTable component with [integration](/@harrisonqian/awesome/wiki/platforms/integration) for [Laravel Query Builder](https://github.com/spatie/laravel-query-builder). ### Articles - [Introducing Inertia.js](https://reinink.ca/articles/introducing-inertia-js) - [Server-side applications with client-side rendering](https://reinink.ca/articles/server-side-[apps](/@harrisonqian/awesome/wiki/platforms/apps)-with-client-side-rendering) - [Inertia.js and Livewire: a high-level comparison](https://sebastiandedeyne.com/inertia-js-and-livewire-a-high-level-comparison/) - [Handling authorization in a [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and Inertia.js application](https://sebastiandedeyne.com/handling-authorization-in-a-laravel-and-inertia-application/) - [Handling routes in a [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and Inertia.js application](https://sebastiandedeyne.com/handling-routes-in-a-laravel-inertia-application/) ### Examples - 💜 [Ping CRM / Laravel](https://github.com/inertiajs/pingcrm/) - Demonstration application made with [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - 💜 [Ping CRM / Svelte](https://github.com/inertiajs/pingcrm-svelte) - Demonstration application made with [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) and [Svelte](/@harrisonqian/awesome/wiki/front-end-development/svelte). - [Ping CRM / Django](https://github.com/zodman/django-inertia-demo) - Demonstration application made with Django and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / Rails](https://github.com/ledermann/pingcrm) - Demonstration application made with [Ruby](/@harrisonqian/awesome/wiki/programming-languages/ruby) on [Rails](/@harrisonqian/awesome/wiki/back-end-development/rails) and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / CakePHP](https://github.com/ishanvyas22/cakephp-pingcrm) - Demonstration application made with [CakePHP](/@harrisonqian/awesome/wiki/back-end-development/cakephp) and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / Masonite](https://github.com/girardinsamuel/pingcrm-masonite) - Demonstration application made with Masonite and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / React](https://github.com/Landish/pingcrm-react) - Demonstration application made with [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) [React](/@harrisonqian/awesome/wiki/front-end-development/react). - [Ping CRM / Clojure](https://github.com/prestancedesign/pingcrm-clojure) - Demonstration application made with [Clojure](/@harrisonqian/awesome/wiki/programming-languages/clojure) and Reagent. - [Ping CRM / Flask](https://github.com/j0ack/pingcrm-flask) - Demonstration application made with [Flask](/@harrisonqian/awesome/wiki/back-end-development/flask) and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / Echo](https://github.com/kohkimakimoto/pingcrm-echo) - Demonstration application made with Echo and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). - [Ping CRM / Preact](https://github.com/jrson83/pingcrm-preact) - Demonstration application made with [Laravel](/@harrisonqian/awesome/wiki/back-end-development/laravel) [Preact](/@harrisonqian/awesome/wiki/front-end-development/preact). - [Ping CRM / Grails](https://github.com/matrei/pingcrm-grails) - Demonstration application made with Grails and [Vue.js](/@harrisonqian/awesome/wiki/front-end-development/vue-js). ### Other - [Built with Inertia](https://builtwithinertia.com/) - Showcase of products built with Inertia.js. - [Jetbrains plugin](https://plugins.jetbrains.com/plugin/17435-inertia-js-support) - PhpStorm/Intellij Ultimate plugin for Inertia.js. - [Code extension](https://marketplace.visualstudio.com/items?itemName=nhedger.inertia) - [Visual Studio Code](/@harrisonqian/awesome/wiki/editors/visual-studio-code) extension for Inertia.js. <p align="center"> <br /> <br /> <br /> · <br /> <br /> <sub>Contributions welcome! Read the <a href=".github/CONTRIBUTING.md">contribution guidelines</a> first.</sub> </p>