real-world-vue VS content

Vue mastery goes for quality over quantity, and is the best choice.

I took Maximilan's course a few years ago and it was good, but I think he is just rehashing the Vue's doc, most of his early sections are identical to the Vue doc. Maybe he updated his course with more personal thoughts and approach. You can check the official Vue by yourself or trying Vue mastery or Vue school they are both good

As a Frontend Engineer, I have found certain platforms and tutors who are known for publishing quality content. They include Frontend Masters, Framework documentation sites (e.g Vue and React), Vue School, Vue Mastery, Scrimba, and courses by Michael Thiessen, Maximilian Schwarzmuller and The Net Ninja.

I’m a dev that has some knowledge on React and Vue. Several months ago, I just started a new project using React with Gatsby, but every time I'm working with it, my gut feeling was telling me "this might be easier to use with Vue". I had to refer so many times to the docs and the one course I bought for Stephen Grider. Last month, I bought some advanced courses for VueSchool and VueMastery. I then started another project using Gridsome and Vue, and was impressed by how straightforward it was to incorporate routes and components.

So if I’m going for a MEVN stack, I might either get Vue School, Vue Mastery, or Maximillian’s Udemy course afterwards. I know people mention to just read the docs but maybe having a guided tutorial + the docs might be the best way to learn Vue for me. I also think it’s different for everyone. I’m also thinking of attending conferences like Vue Nation or Connect.Tech. If you have any other suggestions, please let me know!

Vue Mastery is a great resource that covers not just Vue.js but also related technologies such as Vuetify. They offer courses on Nuxt.js and advanced design, among other things.

I really enjoyed the Vue Mastery course. It even includes a series where Evan You builds a bare bones version of Vue from scratch. https://www.vuemastery.com/

We use https://www.vuemastery.com to teach new team members about Vue. I'm sure you have sufficient JS to understand it.

Nuxt is an appealing framework to work with, partly because of its robust module ecosystem. Popular UI libraries, headless CMS tools, and databases can be easily integrated with a single line of code. Among other third-party modules, Nuxt Image, Nuxt Content, and Nuxt UI are some of the official modules developed by the Nuxt team.

For reference also in the space of 'website from markdown':

* https://content.nuxt.com/ - JS, SSG and SSR

If you want to continue using markdown, nuxt 3 has a module, Nuxt Content - https://nuxt.com/modules/content https://content.nuxtjs.org/

Nuxt Content is what you’re looking for.

Then I recalled about Content. It's a file-based Headless CMS which use files of extension .md, .yml, .csv and .json a data layer for the application. And its MDC syntax is cherry on top. So I came with a plan to use .json files to handle project data. Basically, I'll just create a projects section using Content, put my projects in .json files, use the Querying functionality of Content to fetch them and populate the Components as needed.

I would argue that using something like Nuxt/Content[0]is even simpler. I create a new markdown file in my website’s local repo, write the content and commit if it’s ready for publishing. No need for the FTP step and version control is build in.

This setup is also completely free since the content lives on GitHub and my static site on render.com (but any static site hosting will work).

And since it’s Nuxt based, it automatically also supports more advanced features such as tagging, advanced queries and filtering.

Can only recommend it!

0. https://content.nuxtjs.org