Introduction of Nuxt.js

Nuxt.js 

Nuxt js Image




Introduction 

    Nuxt .js is a framework that allows you to render stuff at server-side and then displays it on the client-side its the same as next.js for React.js

 

Main Advantages 

Nuxt offers some great features that enhance the view js framework and it's actually really easy to learn as long as you're familiar with a view so one specific purpose is a server-side rendering of View apps and if you're familiar with next js then nuxt.js is very similar except it uses view instead of React.

 

SEO

        View.js is a client-side framework for single-page applications meaning that you have a single HTML file that loads everything via the client-side JavaScript and this has a lot of advantages for really interactive and quick user interfaces however there are some drawbacks and one of the biggest drawbacks is SEO when you load a regular view j/s app or a regular react or angular app everything is loaded through the JavaScript and typically search engine crawlers they don't wait for that loading so they essentially see a blank HTML page so  it's not very good for SEO now what Nuxt can do is it makes your application into a universal application that will preload your app on the server which will improve SEO  

 

Meta tags

        Nuxt also loads faster along with many other benefits so with the next app the title tag the meta tags all that stuff that's in the head will be there before the actual javascript is loaded Nuxt uses a library called “view meta” to handle all the head elements on a page and you can set defaults in the config you can also set specific meta tags title tags for each page.

 

Simple Page routing 

        another fantastic thing about knucks is routing so with something like let's say PHP when you create a PHP file and you just throw it in your web folder and you visit the URL like let's say slash about dot PHP it just shows up it just works and with Nuxt  you get that same advantage you get a pages folder and you can create for instance about dot view and you can just go and your browser and go to slash about and it will just work so there's no complicating routing setup or anything like that it just loads the page which is actually a view component so you still have while the dynamic capabilities that you know you can implement.

 
Other Features  

1) 

    you can use many different server-side frameworks such as Express this stuff is built right in so when you run the CLI and you create a new app it'll actually ask you if you want to use Express and then there are some other frameworks

 

2)

     you even have the choice to use a UI framework like bootstrap it'll just implement it right so you don't have to set it up yourself.


3)

    when you generate a new project some other features are automatic code-splitting you have label trans file minification hot module replacement sass integration all this stuff is included with the framework and then once you're ready to build you can simply run next generate and it will



Post a Comment

0 Comments