Overview:

The Rails + Vite + Vue + Pina Demo App is a demo single-page application based on Ruby on Rails 7.0.2. It uses Vue 3 + Pina and is compiled with Vite. The application offers a variety of features necessary for building a real-world app, such as Front / Admin namespaces, I18n, forms with progress and error handling, authentication with Devise, pagination with Kaminari, dynamic search filters with Ransack, Websockets using ActionCable, and a Bootstrap-like grid layout utilizing CSS Grid layout.

Features:

Front / Admin namespaces
I18n (server side + client side)
Forms with progress and error handling
Authentication with Devise
Pagination with Kaminari
Dynamic search filters with Ransack
Websockets using ActionCable
Bootstrap-like grid layout (CSS Grid)

Summary:

The Rails + Vite + Vue + Pina Demo App provides a comprehensive example of integrating Vue with Ruby on Rails using modern tools and practices. With features like I18n, forms, authentication, and more, this demo app offers a solid foundation for building efficient and maintainable single-page applications. While the CSS handling may require some adjustments, overall, this demo app serves as a valuable resource for developers looking to leverage the power of Vue.js and Rails together. Contributions and feedback are welcome, and the project is licensed under MIT.

Gbarillot

Rails Vue Demo App