ledermann / Workcation
How to use Inertia.js to build a Vue.js frontend within a Ruby on Rails application
Stars: ✭ 28
Programming Languages
ruby
36898 projects - #4 most used programming language
Projects that are alternatives of or similar to Workcation
Mean Angular5 Passport Authentication
Securing MEAN Stack (Angular 5) Web Application using Passport Authentication
Stars: ✭ 24 (-14.29%)
Mutual labels: example
React Native Npm Version
Example of React-Native application with version from package.json and npm version bump.
Stars: ✭ 20 (-28.57%)
Mutual labels: example
Hackathon Manager
All-in-one platform for hackathon registration & logistics.
Stars: ✭ 24 (-14.29%)
Mutual labels: ruby-on-rails
Warbler
Warbler chirpily constructs .war files of your Ruby applications.
Stars: ✭ 850 (+2935.71%)
Mutual labels: ruby-on-rails
Falko Api
📈 Falko API: Plataform for agile projects management 📊
Stars: ✭ 13 (-53.57%)
Mutual labels: ruby-on-rails
Simpleopenclsamples
Simple OpenCL Samples that Build with Khronos Headers and Libs
Stars: ✭ 22 (-21.43%)
Mutual labels: example
Pwa Example
A short example illustrating some essential steps for creating a progressive web app (PWA).
Stars: ✭ 28 (+0%)
Mutual labels: example
Astuto
A free, open source, self-hosted customer feedback tool 🦊
Stars: ✭ 860 (+2971.43%)
Mutual labels: ruby-on-rails
Ionic3 Angular43 Httpclient
Example of Ionic 3 and the new Angular 4.3 HTTPClient
Stars: ✭ 20 (-28.57%)
Mutual labels: example
Invoicing
🧾💰App for issuing invoices, track expenses and managing clients for all the sole traders of New Zealand. That are registered for GST. And can host a Rails app. And are able to configure Google OAuth.
Stars: ✭ 24 (-14.29%)
Mutual labels: ruby-on-rails
Chill Netcat
UDP-only netcat implementation with OCaml / MirageOS
Stars: ✭ 13 (-53.57%)
Mutual labels: example
Type scopes
Automatic scopes for ActiveRecord models.
Stars: ✭ 24 (-14.29%)
Mutual labels: ruby-on-rails
Space rocks
Asteroids-like game made with Godot Engine 3.0.
Stars: ✭ 20 (-28.57%)
Mutual labels: example
Generals.io Node.js Bot Example
An example Node.js bot for generals.io. Learn more at http://dev.generals.io/api#tutorial
Stars: ✭ 28 (+0%)
Mutual labels: example
Expo Chroma Key Camera
Live green-screen effect with Expo and THREE.js
Stars: ✭ 28 (+0%)
Mutual labels: example
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.
There is a live demo available at workcation.ledermann.dev.
Try it out
git clone [email protected]:ledermann/workcation.git
cd workcation
bin/setup
foreman start
Then, open http://localhost:3000 in your browser.
Requirements
- Ruby 3.0
- PostgreSQL
References
- Introducing Inertia.js
- FullStackRadio episode 127: Jonathan Reinink - Building Modern Monoliths with Inertia.js
- Designing with Tailwind CSS: Free video series on how to build fully responsive, professionally designed UIs from scratch using Tailwind CSS
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].