795
660
+ 1
163

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
177 companies reportedly use Nuxt.js in their tech stacks, including trivago, Alibaba Travels, and taigabot.

Developers
594 developers on StackShare have stated that they use Nuxt.js.
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 | 18 upvotes 路 197.3K 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

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
Joshua Dean K眉pper
Joshua Dean K眉pper
CEO at Scrayos UG (haftungsbeschr盲nkt) | 5 upvotes 路 4.7K views

For our internal team and collaboration panel we use Nuxt.js (with TypeScript that is transpiled into ES6), Webpack and npm. We enjoy the opinionated nature of Nuxt.js over vanilla Vue.js, as we would end up using all of the components Nuxt.js incorporates anyways and we can adhere to the conventions setup by the Nuxt.js project, which allows us to get better support in case we run into any dead ends. Webpack allows us to create reproducable builds and also debug our application with hot reloads, which greately increased the pace at which we are able to perform and test changes. We also incorporated a lot of testing (ESLint, Chai, Jasmine, Nightwatchjs) into our pipelines and can trigger those jobs through GitLab CI. All packages are fetched through npm, so that we can keep our git repositories slim and are notified of new updates aswell as reported security flaws.

See more
Adi  Chirilov
Adi Chirilov
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

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.
PHP
Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.
Bootstrap
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
See all alternatives

Nuxt.js's Followers
660 developers follow Nuxt.js to keep up with related blogs and decisions.
bakisunsan
Eva Maciejko
Yordan Aleksiev
Mitko Georgiev
Sara EL AFIA
edychan07
jack lennon
Nathan Chase
Michael Wagner
ramainvicta