Home

Awesome

ARCHIVED

This repository will not be updated anymore. For an example of using Inertia.js with Rails, see my other repo ledermann/pingcrm.

Inertia.js example app

This is an example on how to use Inertia.js to build the frontend with Vue.js within a Ruby on Rails application Styles made with Tailwind CSS.

There is already a demo application to show how Inertia.js works (see Ping CRM) - but for PHP/Laravel only. I've build this thing to try Inertia.js with Rails.

This app has two pages - a start screen and a list screen with a filtering UI. The layout and styling is taken from the Tailwind CSS demo project. Click around and inspect the data transmitted via your DevTools network tab. You see HTML responses at the first request and JSON response in all subsequent requests.

Start screenList screen

There is a live demo available at workcation.ledermann.dev.

Try it out

git clone git@github.com:ledermann/workcation.git
cd workcation
bin/setup
foreman start

Then, open http://localhost:3000 in your browser.

Requirements

References