Hacker News Reader

Hacker News

Comment by asselinpaul | Hacker News Reader

Full thread

asselinpaul

What's the closest framework for Vue.js and how close is it in terms of functionality?

Asking because Next.js has been one of the reasons I've become more interested in the React ecosystem.

View on HN

Theres Nuxt.js. I haven't used it but it seems about on par with Next.js https://github.com/nuxt/nuxt.js

https://nuxtjs.org/

As others have mentioned, Nuxt.js is what you’re looking for. And, it’s pretty great to work with. Prior to using it, I just got “done” building out my significant project with vue, just plain vue. When I started this next one, I decided to give Nuxt a shot, and it has been like the missing piece I was looking for in the previous app.

It provides structure to you app, gives you everything you need to build out a front end out of the box (router, vuex, build system, etc). And deploying it is a breeze, giving you the option for static html builds, or a SPA, or you can go full blown SSR, with the best part being you can switch between them whenever seamlessly if your needs change. It provides enough opinion that your project has a consistent structure, but doesn’t get in the way if you need to so,etching outside of norm, extending and configuring it is a breeze. And to top it off, the docs are great.

Definitely would recommend it to anyone looking to build any sort of non trivial front end with Vue. I know my next few projects will certainly be using it.

Thanks for sharing your experiences, could you recommend any resources for plugging data into Nuxt? This is what I've always been curious about coming from Meteor

I can’t think of any particularly good articles, or things of that nature. But, you’ll mostly be utilizing Vuex to store, mutate, & fetch data. If you aren’t already familiar with it, the docs are great [1]. It’s fairly simple to use, and as your app grows you’ll likely find yourself writing more and more boiler plate store code, but fortunately, there are a ton of really great plugins/utilities the community has built for Vuex that help eliminate a lot of that boiler plate, and make it easier to work with an ever growing store. The Awesome Vue repo [2] has a pretty comprehensive list, and you can probably get some ideas of how you’d like to work with it from seeing all the options, for example Vuex-persistedstate & vuejs-storage allow you to interface with localstorage, while Vuex-pathify provides a nice, less verbose interface for actually working with the data in the store, and then there are things like vuex-api and vuex-rest-api that eliminate a lot of boilerplates code for interacting with apis to fetch/update data.

[1] https://vuex.vuejs.org/

[2] https://github.com/vuejs/awesome-vue/blob/master/README.md#v...

How is Nuxt different from vue-cli? I thought the latter had all the features of the former and I was struggling to understand the difference when I researched both.

Reply on news.ycombinator.com