inertia-laravel
vue-i18n-next
Our great sponsors
inertia-laravel | vue-i18n-next | |
---|---|---|
44 | 9 | |
1,917 | 1,924 | |
2.0% | 6.8% | |
7.7 | 9.5 | |
about 1 month ago | 2 days ago | |
PHP | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
inertia-laravel
-
Laravel Inertia.js - Running SSR on a different port than 13714
This is (as far as I know) not documented and I had to dive into the sourcecode for both the inertia server runner and the Laravel command to start the server to understand what is going on. Here we go.
-
Setting up a new Rails 7 app with Vite, Inertia, and Svelte
So here is a quick guide how to set up a new Rails 7 app using my favorite projects out there: Inertia and Svelte. You can also skip all this and download the endresult directly from here: https://github.com/buhrmi/rails7-starter
-
Server-side rendering support in Clojure(Script)?
Might be interested in https://inertiajs.com/
-
Introducing Laravel VILTify: a Vue CLI & Vuetify powered alternative to Breeze for the VILT stack
Laravel Viltify is a heavily opinionated Laravel starter kit. It's intent is to seamlessly integrate Vue, Inertia.js, Laravel, TailwindCSS and Vuetify, so you don't waste your time learning how to do it and focus on writing your application, leaving setup behind.
- Why build web sites like this?
- React with Laravel as frontend
-
Best way to use Svelte along with Django(Python) framework for SPA(Single Page App) Development?
Can't believe nobody recommended inertiajs here!
-
Questions for the Rails Community
I would recommend InertiaJS for using Vue.js with Rails. It lets Rails continue to handle navigation so you don't have to replicate it client side. Same thing with views which gives you a very nice balance between an SPA and a fully server rendered app.
-
Integrate ReactJS in Laravel
Now more than ever, it has become very easy to integrate React in your Laravel project, as opposed to before when one had to depend on APIs to connect the two stacks. This meant two different hosting environments and two Git repos to manage. But with InertiaJS we can build SPAs (single page apps) with your preferred front-end in one single project without need for APIs. Inertia has support for React, Vue or Svelte to use in your front-end. You pass data in your controllers as in any ordinary Laravel project, only difference is you're now rendering your views as JavaScript elements instead of blade. This can be done in two ways:
-
How Laravel Livewire works (a deep dive)
Awesome. I’m noticing a ton of “alternative” front end development tools these days: Hotwire, Stimulus Reflex, LiveView, Livewire, etc.
However I don’t think javascript is the fundamental blocker. When people say they dislike building SPAs, they probably mean they dislike APIs and the whole circus of double validations, error catching, form handling and cache invalidations that come with a React/Vue SPA.
Inertiajs[1] is a really solid middle ground of MVC goodness and client side interactivity.
[1] - https://inertiajs.com
vue-i18n-next
-
Handling internalisation (I18N) in Vue
The basic usage of this plugin is really straightforward. If you would like to see more, checkout official documentation https://vue-i18n.intlify.dev/.
-
Creating a Multilingual Registration Form with Vuejs, Vee-validate, and Vue-i18n.
If you faced this warning message:
-
Vue3 + i18n (bonus i18n ally)
vue3 vue-i18n-next i18n-ally
-
Vue 3 localization
What about https://vue-i18n.intlify.dev/
-
How to properly do i18n routes ?
For this you will have to use vue-i18n i recommend first of all you start by reading the App Internationalization (i18n) tutorial then you can learn a little bit about vue-i18n and how to implement it with a quasar framework basically it's so simple you will have to include it in the /Boot folder to be prepared before the app start and i believe there is an example on that on the documentation page in this link from the boot files , and for the routes to be changed according to the selected language the vue-i18n will give you :/locale route parameter that can be used to change the router link also an article can be found about vue-i18n in this link scroll down you will find a section about Localized Routes this should help you achieve that.
-
Beginner question: vite-plugin-vue-i18n with <script setup> instead of export default?
I'm trying to build an app with multiple steps of a form and routing such as: domain/:locale/:step with vite and i18n. Vue-i18n-next has an example for lazy-loading other locales available here. I'm also pasting the contents of the main files below.
-
How can i add multilanguages (just three) with pure vue.js
I use https://github.com/intlify/vue-i18n-next - Internationalization plugin for Vue.js
-
Using vue-i18n with Laravel Breeze - Inertia + Vue
Thank you.I solved it by using vue-i18n-next from https://vue-i18n.intlify.dev/with the following app.js configuration
-
Strugging getting Ziggy to work with InertiaJS / Vue3
Also I just googled the error and found something that looks like it could be useful for you. https://github.com/intlify/vue-i18n-next/issues/350
What are some alternatives?
ASP.NET Core - ASP.NET Core is a cross-platform .NET framework for building modern cloud-based web applications on Windows, Mac, or Linux.
fluent-vue - Internationalization plugin for Vue.js
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.
ziggy - Use your Laravel routes in JavaScript.
htmx - </> htmx - high power tools for HTML
vue-i18n - :globe_with_meridians: Internationalization plugin for Vue.js
vue-cli - 🛠️ webpack-based tooling for Vue.js Development
the-blog-labs - knowledge sharing is the key that will open the one door and construct the many paths to inspiration and perfection.
hotwire-rails - Use Hotwire in your Ruby on Rails app
i18next-vue - Internationalization for Vue 2 & 3 using the i18next ecosystem
antd - An enterprise-class UI design language and React UI library
vite - Next generation frontend tooling. It's fast!