Archive search

Find the stories you need

ssr

Problems With Server-Side Plugins in Nuxt.js

In this article, Josh Deltener explains one of the gotchas when writing server-side rendered apps. Though he mentions plugins, the reality is, everything that you declare as global (outside of the function scope) will most likely persist on the server and can leak to other users. You can read more about this behavior on Vue’s SSR docs.

From Vue to Nuxt: Server-side rendering in a nutshell

Server-side rendering has been here for a while now and thanks to frameworks like Nuxt.js, making use of it is easier than ever. But do you fully understand how SSR works underneath? Here’s an article that can help with that!

Production-ready Vue SSR in 5 Simple Steps

Usually when working with SSR in Vue, developers opt to use one of the frameworks on top of Vue: Nuxt.js, Quasar or Gridsome. However, sometimes you might need to build a SSR solution yourself. This does require some more work on your end though. This article gives a nice introduction on how to set up a production ready SSR project. For more information, take a look at the official SSR guide.

Release v0.6.0 · Akryum/vue-cli-plugin-ssr · GitHub

✨ Simple SSR plugin for Vue CLI.

Understanding Nuxt & Vue hooks and lifecycle

Here’s the 3rd and last part of a series of articles that should help you get a deeper understanding of how Nuxt works underneath. The last part also comes with a handy cheat-sheet of which hooks are called in which context (client/server/both).

Vue.js And SEO: How To Optimize Reactive Websites For Search Engines And Bots

If you’re concerned about having your webapp appear somewhere in the top 5 Google search results (and you probably should if you build a public facing app), you might want to take a look on this article. It covers some of the strategies to improve your SEO and some less popular traps that might accidentally hit your search position.

The trouble with implementing SSR into a Laravel/Vue app

I don’t know much about Laravel, but doing javascript-based SSR in any other env than Node is pretty hard, though not impossible. Here’s how you can do it in Laravel!

Getting Started with Gridsome

Gridsome is a powerful static-site generator that makes heavy use of GraphQL to fetch the data required for your website. This allows for incredible flexibility when it comes to building your website. In this article, Egwuenu Gift is explaining how it works, how to get started and even how to deploy it. Great write up!

Selectively enable SSR or SPA mode in a Nuxt.js app

SSR comes with certain caveats, including no access to APIs like the LocalStorage on server-side. But what if you could enable SSR only for pages where SEO is needed and use the “traditional” SPA mode elsewhere? You can! Learn how in this article.

Nuxt.js Fundamentals, a free Vue.js video course

What’s better than a high-quality video course on Nuxt.js? A free, high-quality, video course on Nuxt.js! And you won’t get any less than that with this course from Vueschool.io: 14 lessons to walk you through the fundamentals of Nuxt, totally free of charge. If this doesn’t make you excited, we don’t know what does!

Vue.js Server-side-rendering with Asp.Net Core

If you’re interested in doing Vue server-side rendering in Asp.NET Core without Nuxt.js, Carlos Lisandra wrote up a great tutorial showing how to get this running using NodeServices, which allows your .NET app to execute JavaScript on the server inside a Node.js environment.