702
608
+ 1
142

What is Nuxt.js?

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. You can use Nuxt.js for SSR, SPA, Static Generated, PWA and more.
Nuxt.js is a tool in the Front-End Frameworks category of a tech stack.

Who uses Nuxt.js?

Companies
162 companies reportedly use Nuxt.js in their tech stacks, including trivago, qfl-stack, and taigabot.

Developers
522 developers on StackShare have stated that they use Nuxt.js.

Why developers like Nuxt.js?

Here鈥檚 a list of reasons why companies and developers use Nuxt.js
Private Decisions at about Nuxt.js

Here are some stack decisions, common use cases and reviews by members of with Nuxt.js in their tech stack.

Micha艂 Podg贸rni
Micha艂 Podg贸rni

I'm planning to make a web app with browser games that would be a Progressive Web App. I decided to use Vue.js as the front framework and Firebase to store basic information about users. Then I found out about Nuxt.js and I figured it could be really handy for making the project as PWA.

The thing is, that I don't know if I will need Server Side Rendering for this, I couldn't find a lot of information but from what I know, the web app doesn't need SSR to be PWA. I am not sure how this would work with JavaScript browser games made with frameworks like Phaser or melon.js. Also, I host my website on GoDaddy and I've heard that it's quite hard to set up SSR with cPanel.

So my questions are:

Should I use SSR for Progressive Web Application built with Nuxt, filled with javascript browser games that are lazily loaded, or does that not make sense? If it makes sense, would SSR work with godaddy hosting and cPanel?

Any help would be appreciated!

See more
Public Decisions about Nuxt.js

Here are some stack decisions, common use cases and reviews by companies and developers who chose Nuxt.js in their tech stack.

Simon Reymann
Simon Reymann
Senior Fullstack Developer at QUANTUSflow Software GmbH | 16 upvotes 67.2K views

Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

  • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
  • Vue Styleguidist as our style guide and pool of developed Vue.js components
  • Vuetify as Material Component Framework (for fast app development)
  • TypeScript as programming language
  • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
  • ESLint, TSLint and Prettier for coding style and code analyzes
  • Jest as testing framework
  • Google Fonts and Font Awesome for typography and icon toolkit
  • NativeScript-Vue for mobile development

The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

  • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
  • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
  • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
  • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
  • Large scaling. Vue.js can help to develop pretty large reusable templates.
  • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
See more
Micha艂 Podg贸rni
Micha艂 Podg贸rni

I'm planning to make a web app with browser games that would be a Progressive Web App. I decided to use Vue.js as the front framework and Firebase to store basic information about users. Then I found out about Nuxt.js and I figured it could be really handy for making the project as PWA.

The thing is, that I don't know if I will need Server Side Rendering for this, I couldn't find a lot of information but from what I know, the web app doesn't need SSR to be PWA. I am not sure how this would work with JavaScript browser games made with frameworks like Phaser or melon.js. Also, I host my website on GoDaddy and I've heard that it's quite hard to set up SSR with cPanel.

So my questions are:

Should I use SSR for Progressive Web Application built with Nuxt, filled with javascript browser games that are lazily loaded, or does that not make sense? If it makes sense, would SSR work with godaddy hosting and cPanel?

Any help would be appreciated!

See more
Adi  Chirilov
Adi Chirilov
CTO at AppSeed | 4 upvotes 25.8K views
Shared insights
on
Nuxt.jsNuxt.jsExpressJSExpressJSBuefyBuefy
at

This PWA App [ https://nuxt-buefy.appseed.us ] generated by Nuxt in ExpressJS and Buefy in less than 2 minutes, has two main assets: speed ( more than 90% Lighthouse SEO score) and a cutting edge UI framework based on Flexbox / Bulma. The only problem that we've faced it was the lack of UI Themes but we are working on a tool to convert automatically Flat Bootstrap Themes to Buefy themes. At this moment, this tool supports translations for Blade and Jinja2.

See more
Pierre Berchtold
Pierre Berchtold
at Soda Studios | 2 upvotes 28K views

I use Buddy because it is user friendly and fits perfectly with our Headless WordPress / Nuxt and Laravel / Vue.js Stacks.

See more

Nuxt.js's Features

  • Automatic transpilation and bundling
  • Hot module replacement
  • Server-side rendering OR Single Page App OR Static Generated, you choose 馃敟
  • Static file serving
  • Configurable with a nuxt.config.js file
  • Custom layouts with the layouts/ directory
  • Middleware
  • Code splitting for every pages

Nuxt.js Alternatives & Comparisons

What are some alternatives to Nuxt.js?
Meteor
A Meteor application is a mix of JavaScript that runs inside a client web browser, JavaScript that runs on the Meteor server inside a Node.js container, and all the supporting HTML fragments, CSS rules, and static assets.
Next.js
Next.js is a minimalistic framework for server-rendered React applications.
Gridsome
Build websites using latest web tech tools that developers love - Vue.js, GraphQL and Webpack. Get hot-reloading and all the power of Node.js. Gridsome makes building websites fun again.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Animate.css
It is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
See all alternatives

Nuxt.js's Followers
608 developers follow Nuxt.js to keep up with related blogs and decisions.
Alexis Sniffer
Tram Le
Peter Tsivi
Gams Basallo
privateer
Leon Lukashevsky
Dogtor Technologies
Mihai Daniel Hamza
Giovani Henriques
Teddy Meng