How I Created A WebApp For Jobs, News, Dad Jokes with Vue/Nuxt

ยท

2 min read

How I Created A WebApp For Jobs, News, Dad Jokes with Vue/Nuxt

Table of contents

No heading

No headings in the article.

Well, you know the feeling of seeing Twitter posts about new tech and you are like what is this? then suddenly everyone starts talking about it.

that was the feeling that made me decide to try out Nuxt a framework for Vue.js, hold up is Vuejs not a framework for javascript, that was my first thought but on checking out Nuxt I discovered that it has certain features that would improve your Vue app.

it comes with server-side rendering and static sites generation, but the feature that caught my eyes was the SEO optimization, normally sites created with a javascript framework are usually lacking in giving the best SEO experience due to the fact that the web crawlers usually see the site as empty because the javascript renders it, and your web crawlers ain't that patient enough to wait for it to finish rendering, but nuxt solves that problem with server-side rendering.

well I decided to give nuxt a try and well it was great, the ease provided for adding head meta tags in the script section of your vue app for each page was nice, not to mention the out-of-the-box routing that you had to do was create a .vue file in the page folder and voila the route is created sleek, it also comes with Vuex which is usually deactivated until you decide to use it.

There was also the fetch hook which is asynchronous and returns $fetchState.pending and $fetchState.error that returns a boolean and can be used to render content based on the state of the request.

well it was a great experience using nuxt and I am sure I will be using it more often

Site Created with nuxt

Github Repo For Site: